:root{
  --iwc-bg:#f5f7fb;
  --iwc-bg-2:#eef3f9;
  --iwc-surface:#ffffff;
  --iwc-surface-2:#fbfcfe;
  --iwc-line:#e5ebf3;
  --iwc-line-2:#d8e2ef;
  --iwc-text:#152033;
  --iwc-text-2:#4f5f75;
  --iwc-text-3:#8090a7;
  --iwc-text-soft:#5b6b7f;
  --iwc-primary:#3b82f6;
  --iwc-primary-2:#2563eb;
  --iwc-primary-soft:#eff6ff;
  --iwc-danger:#ef4444;
  --iwc-warning:#f59e0b;
  --iwc-success:#16a34a;
  --iwc-shadow-1:0 6px 18px rgba(15,23,42,.05);
  --iwc-shadow-2:0 14px 34px rgba(15,23,42,.08);
  --iwc-shadow-3:0 20px 48px rgba(59,130,246,.04);
  --iwc-radius-xs:10px;
  --iwc-radius-sm:14px;
  --iwc-radius-md:18px;
  --iwc-radius-lg:24px;
  --iwc-radius-xl:30px;
  --iwc-container:1440px;
}

/**{box-sizing:border-box}*/
/*html,body{background:linear-gradient(180deg,#f8fbff 0%, var(--iwc-bg) 100%)}*/
body{color:var(--iwc-text)}
a{text-decoration:none;color:inherit}
img{max-width:100%}
button,input,select,textarea{font:inherit}

.iwc-page{
  position:relative;
  max-width:var(--iwc-container);
  margin:0 auto;
  /*padding:28px;*/
}

.iwc-glow-bg:before,
.iwc-glow-bg:after{
  content:"";
  position:absolute;
  border-radius:999px;
  pointer-events:none;
  filter:blur(70px);
  opacity:.35;
}
.iwc-glow-bg:before{
  width:280px;height:280px;
  background:#dbeafe;
  top:-50px;left:-30px;
}
.iwc-glow-bg:after{
  width:240px;height:240px;
  background:#e0e7ff;
  right:0;top:40px;
}
.iwc-page>*{position:relative;z-index:1}

.iwc-hero{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  padding:34px 36px;
  margin-bottom:20px;
  border:1px solid var(--iwc-line-2);
  border-radius:var(--iwc-radius-xl);
  background:linear-gradient(135deg,#ffffff 0%, #f4f8ff 100%);
  box-shadow:var(--iwc-shadow-3);
}

.iwc-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:36px;
  padding:0 14px;
  margin-bottom:12px;
  border-radius:999px;
  background:var(--iwc-primary-soft);
  color:var(--iwc-primary-2);
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
}

.iwc-hero h1{
  margin:0 0 10px;
  font-size:40px;
  line-height:1.08;
  font-weight:900;
  letter-spacing:-.04em;
}

.iwc-hero p{
  margin:0;
  color:var(--iwc-text-2);
  font-size:15px;
  line-height:1.75;
}

.iwc-hero-stat{
  min-width:220px;
  padding:24px;
  border-radius:26px;
  border:1px solid var(--iwc-line);
  background:rgba(255,255,255,.9);
  box-shadow:var(--iwc-shadow-2);
  text-align:center;
}
.iwc-hero-stat strong{
  display:block;
  font-size:34px;
  font-weight:900;
  color:var(--iwc-primary-2);
  line-height:1;
}
.iwc-hero-stat span{
  display:block;
  margin-top:8px;
  color:var(--iwc-text-2);
  font-size:13px;
  font-weight:700;
}

.iwc-panel,
.iwc-preview-box,
.iwc-rank-box,
.iwc-history-box,
.iwc-comment-box,
.iwc-record-box,
.iwc-table-wrap,
.iwc-member-form-box,
.iwc-member-form-sec
/*.iwc-member-uploader,*/
/*.iwc-member-existing-wrap*/
/*.iwc-member-new-wrap*/{
	margin-top:16px;
  background:var(--iwc-surface);
  border:1px solid var(--iwc-line);
  border-radius:var(--iwc-radius-lg);
  box-shadow:var(--iwc-shadow-1);
}

.iwc-panel{padding:18px}
.iwc-panel-pad-lg{padding:24px}
.iwc-form-cont{display:flex;flex-direction:column;gap:18px}

.iwc-panel-title,
.iwc-preview-box h3,
.iwc-rank-box h3,
.iwc-history-box h3,
.iwc-comment-box h3,
.iwc-member-form-title,
.iwc-member-section-title{
  margin:0;
  color:var(--iwc-text);
  font-size:22px;
  font-weight:900;
  letter-spacing:-.02em;
}

.iwc-searchbar{
  display:grid;
  grid-template-columns:minmax(0,1fr) 180px 120px;
  gap:12px;
  margin-bottom:18px;
}

.iwc-admin-searchbar{
  grid-template-columns:minmax(280px,1fr) 150px 170px 160px 120px;
}

.iwc-searchbar input,
.iwc-searchbar select,
.iwc-searchbar button,
.iwc-form-group input[type="text"],
.iwc-form-group input[type="password"],
.iwc-form-group input[type="number"],
.iwc-form-group input[type="file"],
.iwc-form-group textarea,
.iwc-form-group select,
.iwc-inline-form input,
.iwc-inline-form textarea,
.iwc-inline-form select,
.iwc-share-text,
.iwc-comment-write textarea,
.iwc-reply-content,
.iwc-open-password{
  width:100%;
  border:1px solid var(--iwc-line-2);
  background:#fff;
  color:var(--iwc-text);
  border-radius:16px;
  outline:none;
  transition:.2s ease;
}

.iwc-searchbar input,
.iwc-searchbar select,
.iwc-searchbar button{height:50px;padding:0 16px}
.iwc-form-group textarea,
.iwc-comment-write textarea,
.iwc-reply-content,
.iwc-share-text{padding:14px 16px;min-height:110px;resize:vertical}
.iwc-form-group input[type="text"],
.iwc-form-group input[type="password"],
.iwc-form-group input[type="number"],
.iwc-form-group input[type="file"],
.iwc-form-group select,
.iwc-inline-form input,
.iwc-inline-form select,
.iwc-open-password{height:48px;padding:0 14px}

.iwc-searchbar input:focus,
.iwc-searchbar select:focus,
.iwc-form-group input:focus,
.iwc-form-group textarea:focus,
.iwc-form-group select:focus,
.iwc-comment-write textarea:focus,
.iwc-reply-content:focus,
.iwc-open-password:focus{
  border-color:#93c5fd;
  box-shadow:0 0 0 4px rgba(59,130,246,.10);
}

.iwc-btn,
.iwc-searchbar button,
.iwc-start-btn,
.iwc-submit-btn,
.iwc-btn-ghost,
.iwc-detail-btn,
.iwc-page-btn,
.iwc-mini-btn,
.iwc-order-btn,
.iwc-tab-btn,
.iwc-comment-like,
.iwc-reply-open,
.iwc-report-comment,
.iwc-action-confirm,
.iwc-delete-confirm{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:46px;
  padding:0 16px;
  border-radius:14px;
  border:1px solid transparent;
  font-weight:800;
  cursor:pointer;
  transition:.2s ease;
}

.iwc-remove-btn{
	display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:26px;
  margin-bottom:5px;
  padding:0 16px;
  border-radius:14px;
  border:1px solid transparent;
  font-weight:800;
  cursor:pointer;
  transition:.2s ease;
}

.iwc-btn-primary,
.iwc-searchbar button,
.iwc-start-btn,
.iwc-submit-btn,
.iwc-detail-btn.primary,
.iwc-page-btn.active{
  color:#fff;
  background:linear-gradient(135deg,var(--iwc-primary),var(--iwc-primary-2));
  box-shadow:0 12px 24px rgba(37,99,235,.22);
}

.iwc-btn-primary:hover,
.iwc-searchbar button:hover,
.iwc-start-btn:hover,
.iwc-submit-btn:hover,
.iwc-detail-btn.primary:hover,
.iwc-page-btn.active:hover{
  transform:translateY(-1px);
  box-shadow:0 16px 28px rgba(37,99,235,.26);
}

.iwc-btn-ghost,
.iwc-detail-btn,
.iwc-page-btn,
.iwc-mini-btn,
.iwc-order-btn,
.iwc-remove-btn,
.iwc-tab-btn,
.iwc-comment-like,
.iwc-reply-open,
.iwc-report-comment,
.iwc-action-confirm,
.iwc-delete-confirm{
  background:#fff;
  color:var(--iwc-text-2);
  border-color:var(--iwc-line);
}

.iwc-btn-ghost:hover,
.iwc-detail-btn:hover,
.iwc-page-btn:hover,
.iwc-mini-btn:hover,
.iwc-order-btn:hover,
.iwc-remove-btn:hover,
.iwc-tab-btn:hover,
.iwc-comment-like:hover,
.iwc-reply-open:hover,
.iwc-report-comment:hover{
  background:#f8fbff;
  border-color:#cfe0fb;
  color:var(--iwc-primary-2);
}

.iwc-btn-danger,
.iwc-remove-btn.danger,
.iwc-delete-confirm{
  background:#fff5f5;
  border-color:#fecaca;
  color:#dc2626;
}


.iwc-mini-btn.primary{
  color:#fff;
  background:linear-gradient(135deg,var(--iwc-primary),var(--iwc-primary-2));
  border-color:transparent;
  box-shadow:0 12px 24px rgba(37,99,235,.18);
}

.iwc-mini-btn.primary:hover{
  color:#fff;
  background:linear-gradient(135deg,var(--iwc-primary),var(--iwc-primary-2));
}

.iwc-mini-btn.danger{
  background:#fff5f5;
  border-color:#fecaca;
  color:#dc2626;
}

.iwc-mini-btn.danger:hover{
  background:#fef2f2;
  color:#b91c1c;
}
.iwc-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(320px,1fr));
  gap:24px;
}

.iwc-card{
  position:relative;
  display:flex;
  flex-direction:column;
  height:100%;
  overflow:hidden;
  isolation:isolate;
  border:1px solid rgba(207,225,248,.92);
  border-radius:30px;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(246,250,255,.96));
  box-shadow:0 20px 40px rgba(15,23,42,.08), 0 6px 18px rgba(37,99,235,.06);
  backdrop-filter:blur(14px);
  transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}
.iwc-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg,rgba(96,165,250,.16),rgba(255,255,255,0) 34%,rgba(29,78,216,.08) 100%);
  opacity:.85;
  pointer-events:none;
}
.iwc-card::after{
  content:none;
}
.iwc-card:hover{
  transform:translateY(-8px);
  box-shadow:0 28px 52px rgba(15,23,42,.12), 0 18px 34px rgba(37,99,235,.12);
  border-color:#bfdbfe;
}
.iwc-card:hover::before{
  opacity:.85;
}
.iwc-card:hover::after{
  opacity:0;
  transform:none;
}

.iwc-thumb{
  position:relative;
  display:block;
  aspect-ratio:16/10;
  min-height:220px;
  background:linear-gradient(180deg,#eef4fb,#e7eef8);
  overflow:hidden;
}
.iwc-thumb img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  transform:scale(1.01);
  transition:transform .55s ease;
}
.iwc-card:hover .iwc-thumb img{transform:scale(1.06)}
.iwc-thumb-overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,rgba(7,17,34,0) 24%,rgba(7,17,34,.18) 70%,rgba(7,17,34,.36) 100%),
    linear-gradient(135deg,rgba(37,99,235,.22),rgba(255,255,255,0) 38%);
  pointer-events:none;
}
.iwc-card:hover .iwc-thumb-overlay{
  background:
    linear-gradient(180deg,rgba(7,17,34,0) 24%,rgba(7,17,34,.18) 70%,rgba(7,17,34,.36) 100%),
    linear-gradient(135deg,rgba(37,99,235,.22),rgba(255,255,255,0) 38%);
}
.iwc-thumb-badges{
  position:absolute;
  left:16px;
  top:16px;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  z-index:2;
}
.iwc-thumb-badges-left{
  right:112px;
  max-width:calc(100% - 132px);
}
.iwc-thumb-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-height:34px;
  padding:0 13px;
  border-radius:999px;
  background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(243,247,255,.93));
  border:1px solid rgba(255,255,255,.82);
  box-shadow:0 14px 30px rgba(2,6,23,.18), inset 0 1px 0 rgba(255,255,255,.72);
  backdrop-filter:blur(8px);
  color:#0f172a;
  font-size:12px;
  font-weight:900;
  letter-spacing:-.02em;
}
.iwc-thumb-badge.main{
  background:linear-gradient(135deg,rgba(239,246,255,.98),rgba(219,234,254,.94));
  border-color:rgba(191,219,254,.88);
  color:#1d4ed8;
}
.iwc-thumb-badge.is-image{
  background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(248,250,252,.94));
  border-color:rgba(226,232,240,.96);
  color:#334155;
}
.iwc-thumb-badge.is-motion{
  background:linear-gradient(135deg,rgba(238,242,255,.98),rgba(224,231,255,.94));
  border-color:rgba(199,210,254,.92);
  color:#4338ca;
}
.iwc-thumb-badge.is-external-video{
  background:linear-gradient(135deg,rgba(255,247,237,.98),rgba(254,215,170,.94));
  border-color:rgba(253,186,116,.88);
  color:#c2410c;
}
.iwc-thumb-badge-open{
  position:absolute;
  right:16px;
  top:16px;
  z-index:3;
  background:linear-gradient(135deg,rgba(15,23,42,.88),rgba(30,41,59,.78));
  border-color:rgba(255,255,255,.14);
  box-shadow:0 14px 30px rgba(2,6,23,.28), inset 0 1px 0 rgba(255,255,255,.08);
  color:#f8fafc;
}

.iwc-thumb-owner-badge{
  position:absolute;
  left:14px;
  bottom:54px;
  z-index:3;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:28px;
  padding:0 11px;
  border-radius:999px;
  border:1px solid rgba(191,219,254,.9);
  background:linear-gradient(135deg,rgba(239,246,255,.98),rgba(219,234,254,.94));
  box-shadow:0 10px 20px rgba(15,23,42,.14), inset 0 1px 0 rgba(255,255,255,.78);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  color:#1d4ed8;
  font-size:11px;
  font-weight:900;
  letter-spacing:-.02em;
  pointer-events:none;
}

.iwc-thumb-meta-badges{
  position:absolute;
  left:14px;
  right:14px;
  bottom:54px;
  z-index:3;
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  pointer-events:none;
}

.iwc-thumb-meta-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:28px;
  padding:0 11px;
  border-radius:999px;
  border:1px solid rgba(191,219,254,.9);
  background:linear-gradient(135deg,rgba(239,246,255,.98),rgba(219,234,254,.94));
  box-shadow:0 10px 20px rgba(15,23,42,.14), inset 0 1px 0 rgba(255,255,255,.78);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  color:#1d4ed8;
  font-size:11px;
  font-weight:900;
  letter-spacing:-.02em;
  white-space:nowrap;
  max-width:calc(100% - 8px);
}

.iwc-thumb-meta-badge.is-date{
  border-color:rgba(226,232,240,.92);
  background:linear-gradient(135deg,rgba(248,250,252,.98),rgba(226,232,240,.94));
  color:#334155;
}

.iwc-thumb-stats{
  position:absolute;
  left:14px;
  right:14px;
  bottom:14px;
  z-index:3;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:5px;
  pointer-events:none;
}
.iwc-thumb-stats span,
.iwc-thumb-stats.iwc-meta-secondary span{
  min-height:32px;
  padding:4px 8px;
  border-radius:11px;
  border:1px solid rgba(255,255,255,.82);
  background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(243,247,255,.93));
  box-shadow:0 10px 20px rgba(15,23,42,.14), inset 0 1px 0 rgba(255,255,255,.74);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  color:#0f172a;
  font-size:12px;
  font-weight:900;
  letter-spacing:-.02em;
}
.iwc-thumb-stats .iwc-stat-chip{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  text-align:center;
  box-shadow:0 8px 16px rgba(15,23,42,.11), inset 0 1px 0 rgba(255,255,255,.76);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.iwc-thumb-stats .iwc-stat-chip b,
.iwc-thumb-stats .iwc-stat-chip em,
.iwc-thumb-stats .iwc-stat-chip strong{
  display:inline-flex;
  align-items:center;
  line-height:1;
}
.iwc-thumb-stats .iwc-stat-chip b{
  font-size:12px;
  font-weight:900;
  font-style:normal;
  opacity:1;
}
.iwc-thumb-stats .iwc-stat-chip em{
  font-size:12px;
  font-style:normal;
  font-weight:900;
  opacity:1;
  white-space:nowrap;
  letter-spacing:-.02em;
  color:#334155;
}
.iwc-thumb-stats .iwc-stat-chip strong{
  font-size:12px;
  font-weight:900;
  color:#0f172a;
  white-space:nowrap;
  letter-spacing:-.02em;
}
.iwc-thumb-stats .iwc-stat-chip.stat-like,
.iwc-thumb-stats .iwc-stat-chip.stat-bookmark,
.iwc-thumb-stats .iwc-stat-chip.stat-comment{
  gap:3px;
}
.iwc-thumb-stats .iwc-stat-chip.stat-view{
  background:linear-gradient(135deg,rgba(239,246,255,.98),rgba(219,234,254,.94));
  border-color:rgba(191,219,254,.88);
}
.iwc-thumb-stats .iwc-stat-chip.stat-play{
  background:linear-gradient(135deg,rgba(245,243,255,.98),rgba(233,213,255,.92));
  border-color:rgba(221,214,254,.84);
}
.iwc-thumb-stats .iwc-stat-chip.stat-like{
  background:linear-gradient(135deg,rgba(255,241,242,.98),rgba(255,228,230,.94));
  border-color:rgba(254,205,211,.86);
}
.iwc-thumb-stats .iwc-stat-chip.stat-bookmark{
  background:linear-gradient(135deg,rgba(255,251,235,.98),rgba(254,243,199,.94));
  border-color:rgba(253,230,138,.84);
}
.iwc-thumb-stats .iwc-stat-chip.stat-comment{
  background:linear-gradient(135deg,rgba(236,253,245,.98),rgba(209,250,229,.94));
  border-color:rgba(167,243,208,.84);
}
.iwc-thumb-stats .iwc-stat-chip.stat-view b{color:#1d4ed8;}
.iwc-thumb-stats .iwc-stat-chip.stat-play b{color:#6d28d9;}
.iwc-thumb-stats .iwc-stat-chip.stat-like b{color:#e11d48;}
.iwc-thumb-stats .iwc-stat-chip.stat-bookmark b{color:#ca8a04;}
.iwc-thumb-stats .iwc-stat-chip.stat-comment b{color:#059669;}
.iwc-thumb-stats .iwc-stat-chip.stat-view strong,
.iwc-thumb-stats .iwc-stat-chip.stat-play strong,
.iwc-thumb-stats .iwc-stat-chip.stat-like strong,
.iwc-thumb-stats .iwc-stat-chip.stat-bookmark strong,
.iwc-thumb-stats .iwc-stat-chip.stat-comment strong{
  letter-spacing:-.02em;
}
.iwc-thumb-stats .iwc-stat-chip.stat-like strong,
.iwc-thumb-stats .iwc-stat-chip.stat-bookmark strong,
.iwc-thumb-stats .iwc-stat-chip.stat-comment strong{
  font-size:12px;
}

.iwc-noimg,
.iwc-member-noimg,
.iwc-upload-empty{
  display:flex;
  grid-column:1/-1;
  align-items:center;
  justify-content:center;
  width:100%;
  height:100%;
  min-height:180px;
  background:linear-gradient(135deg,#f3f6fb,#eaf0f8);
  color:var(--iwc-text-3);
  font-weight:800;
  letter-spacing:.04em;
}

.iwc-body{
  position:relative;
  z-index:1;
  display:flex;
  flex:1 1 auto;
  flex-direction:column;
  gap:18px;
  padding:20px 20px 22px;
}

.iwc-card-top,
.iwc-card-copy,
.iwc-card-footer{
  display:flex;
  flex-direction:column;
}
.iwc-card-top{gap:10px}
.iwc-card-copy{gap:10px}
.iwc-card-footer{
  gap:14px;
  margin-top:auto;
}
.iwc-card-divider{
  height:1px;
  background:linear-gradient(90deg,rgba(191,219,254,0),rgba(191,219,254,.95),rgba(191,219,254,0));
}

.iwc-meta,
.iwc-detail-meta,
.iwc-open-row{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.iwc-meta-primary span{
  background:linear-gradient(135deg,#eff6ff,#f8fbff);
  border-color:#d8e8fb;
  color:#1e3a8a;
}
.iwc-meta-secondary span{
  background:#fff;
  border-color:#e8eef7;
  color:#475569;
}

.iwc-meta span,
.iwc-detail-meta span,
.iwc-open-opt,
.iwc-record-sub,
.iwc-help-muted,
.iwc-help,
.iwc-play-sub{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:0 11px;
  border-radius:999px;
  background:#f8fbff;
  border:1px solid #e6eef9;
  color:var(--iwc-text-2);
  font-size:12px;
  font-weight:800;
  letter-spacing:-.01em;
}

.iwc-body h3,
.iwc-detail-info h2,
.iwc-record-title,
.iwc-history-title,
.iwc-final-title{
  margin:0;
  font-size:24px;
  line-height:1.32;
  font-weight:900;
  letter-spacing:-.03em;
  color:#0f172a;
}
.iwc-body h3 a{
  display:block;
  color:inherit;
}
.iwc-body h3 a:hover{color:var(--iwc-primary-2)}

.iwc-body p,
.iwc-detail-info p,
.iwc-history-winner,
.iwc-comment-body,
.iwc-item-extra,
.iwc-final-sub,
.iwc-history-date,
.iwc-record-date{
  margin:0;
  color:var(--iwc-text-2);
  font-size:14px;
  line-height:1.78;
}

.iwc-mode-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:10px;
}
.iwc-mode-head strong{
  color:#0f172a;
  font-size:14px;
  font-weight:900;
  letter-spacing:-.01em;
}
.iwc-mode-head span{
  color:#64748b;
  font-size:12px;
  font-weight:700;
}

.iwc-mode-row{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.iwc-mode-btn{
  min-height:40px;
  padding:0 15px;
  border:1px solid #d9e6f7;
  border-radius:999px;
  background:#fff;
  color:var(--iwc-text-2);
  font-size:13px;
  font-weight:900;
  cursor:pointer;
  transition:all .2s ease;
  box-shadow:0 6px 14px rgba(15,23,42,.04);
}
.iwc-mode-btn:hover{transform:translateY(-1px);border-color:#93c5fd;color:var(--iwc-primary-2);background:#f8fbff}
.iwc-mode-btn.active{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#93c5fd;color:var(--iwc-primary-2);box-shadow:0 10px 20px rgba(37,99,235,.10)}
.iwc-mode-btn[disabled]{opacity:.5;cursor:not-allowed}

.iwc-card-actions,
.iwc-detail-actions,
.iwc-social-row,
.iwc-final-actions,
.iwc-share-copy,
.iwc-member-card-toolbar,
.iwc-save-bar{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.iwc-detail-wrap{margin-bottom:24px}
.iwc-detail-main{
  display:grid;
  grid-template-columns:380px 1fr;
  gap:20px;
  padding:22px;
  margin-bottom:18px;
  border:1px solid var(--iwc-line);
  border-radius:var(--iwc-radius-lg);
  background:rgba(255,255,255,.88);
  box-shadow:var(--iwc-shadow-sm);
}
.iwc-detail-thumb{
	display:block;
  height:220px;
  overflow:hidden;
  border:1px solid var(--iwc-line);
  border-radius:24px;
  background:#f5f8fc;
  box-shadow:var(--iwc-shadow-1);
}
.iwc-detail-thumb img{
  width:100%;
  height:100%;
  display:block;
  object-fit:fill;
}
.iwc-detail-info{
  display:flex;
  flex-direction:column;
  gap:14px;
}

.iwc-social-btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  height:46px;
  padding:0 16px;
  border-radius:14px;
  border:1px solid #dbe5f0;
  background:#fbfdff;
  color:#475569;
  font-weight:900;
  cursor:pointer;
  transition:.2s ease;
}
.iwc-social-btn:hover,
.iwc-comment-like:hover{
	background:#f8fbff;
  border-color:#cfe0fb;
  color:var(--iwc-primary-2);
}
.iwc-social-btn.active,
.iwc-comment-like.active{
  background:var(--iwc-primary-soft);
  border-color:#bfdbfe;
  color:var(--iwc-primary-2);
}

.iwc-preview-box,
.iwc-rank-box,
.iwc-history-box,
.iwc-comment-box,
.iwc-record-box,
.iwc-table-wrap{padding:22px}

.iwc-preview-grid,
.iwc-history-grid,
.iwc-member-grid,
.iwc-existing-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}

.iwc-preview-card,
.iwc-history-card,
.iwc-member-card,
.iwc-record-item,
.iwc-stat-card{
  overflow:hidden;
  border:1px solid var(--iwc-line);
  border-radius:18px;
  background:#fff;
}

.iwc-preview-thumb,
.iwc-history-thumb,
.iwc-member-thumb,
.iwc-thumb-preview{
  background:#f5f8fc;
  aspect-ratio:1/1;
  overflow:hidden;
}
.iwc-preview-thumb img,
.iwc-history-thumb img,
.iwc-member-thumb img,
.iwc-thumb-preview img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}
.iwc-preview-name,
.iwc-history-body,
.iwc-member-card-body{
  padding:12px 14px;
}
.iwc-preview-name{font-weight:800;color:var(--iwc-text);text-align:center}
.iwc-history-body{display:flex;flex-direction:column;gap:6px}

.iwc-rank-item,
.iwc-record-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:14px 16px;
  border:1px solid var(--iwc-line);
  border-radius:16px;
  background:#fff;
}
.iwc-rank-item + .iwc-rank-item,
.iwc-record-item + .iwc-record-item{margin-top:10px}
.iwc-rank-left{display:flex;align-items:center;gap:14px;font-weight:800}
.iwc-rank-no{
  width:34px;height:34px;
  display:inline-flex;align-items:center;justify-content:center;
  border-radius:50%;
  background:var(--iwc-primary-soft);
  color:var(--iwc-primary-2);
  font-weight:900;
}


.iwc-meta-break{
  flex-basis:100%;
  width:100%;
  height:0;
  min-height:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
}

.iwc-rank-thumb{
  width:54px;
  height:54px;
  overflow:hidden;
  flex:0 0 54px;
  border:1px solid var(--iwc-line);
  border-radius:14px;
  background:#f5f8fc;
}
.iwc-rank-thumb img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}
.iwc-rank-thumb .iwc-noimg{
  min-height:100%;
  height:100%;
  font-size:10px;
}
.iwc-rank-name{
  min-width:0;
  word-break:break-word;
}
.iwc-rank-name-wrap{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:6px;
}
.iwc-rank-win-count{
  color:var(--iwc-text-2);
  font-size:13px;
  font-weight:800;
}
.iwc-rank-win-count strong{
  color:var(--iwc-text);
  font-size:15px;
  font-weight:900;
}
.iwc-rank-stats{
  flex:0 0 240px;
  width:240px;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.iwc-rank-stat{
  display:flex;
  flex-direction:column;
  gap:6px;
}
.iwc-rank-stat-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  font-size:12px;
  font-weight:800;
  color:var(--iwc-text-2);
}
.iwc-rank-stat-top strong{
  color:var(--iwc-text);
  font-size:13px;
  font-weight:900;
}
.iwc-rank-progress{
  width:100%;
  height:8px;
  overflow:hidden;
  border-radius:999px;
  background:#eaf1fb;
}
.iwc-rank-progress-fill{
  display:block;
  height:100%;
  border-radius:999px;
}
.iwc-rank-progress-fill-champ{
  background:linear-gradient(90deg,#f59e0b,#fbbf24);
}
.iwc-rank-progress-fill-win{
  background:linear-gradient(90deg,var(--iwc-primary),#60a5fa);
}
.iwc-comment-nick{
  width:100%;
  height:48px;
  padding:0 14px;
  border:1px solid var(--iwc-line-2);
  background:#fff;
  color:var(--iwc-text);
  border-radius:16px;
  outline:none;
  transition:.2s ease;
}
.iwc-comment-nick:focus{
  border-color:#93c5fd;
  box-shadow:0 0 0 4px rgba(59,130,246,.10);
}

/* 회원 닉네임 비활성 input 진짜 비활성처럼 */
.iwc-comment-nick[disabled],
.iwc-reply-nick[disabled]{
  background:#f1f5f9 !important;
  color:#94a3b8 !important;
  border-color:#dbe5f1 !important;
  cursor:not-allowed !important;
  opacity:1 !important;
  box-shadow:none !important;
  user-select:none;
  -webkit-user-select:none;
}

.iwc-comment-nick[disabled]::placeholder,
.iwc-reply-nick[disabled]::placeholder{
  color:#94a3b8 !important;
}

.iwc-comment-nick[disabled]:hover,
.iwc-reply-nick[disabled]:hover,
.iwc-comment-nick[disabled]:focus,
.iwc-reply-nick[disabled]:focus{
  border-color:#dbe5f1 !important;
  box-shadow:none !important;
  outline:none !important;
}

.iwc-comment-write,
.iwc-reply-form{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-top:16px;
  margin-bottom:16px;
}
.iwc-comment-list{display:flex;flex-direction:column;gap:12px}
.iwc-comment-item{
  padding:16px 18px;
  border:1px solid var(--iwc-line);
  border-radius:18px;
  background:#fff;
}
.iwc-comment-item.reply{margin-left:24px;background:#fbfdff}
.iwc-comment-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}
.iwc-comment-head strong{font-size:15px}
.iwc-comment-head span{color:var(--iwc-text-3);font-size:12px}
.iwc-comment-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.iwc-comment-login-msg,.iwc-empty{color:var(--iwc-text-3);font-weight:700}

.iwc-modal{
  position:fixed;
  inset:0;
  z-index:9999;
  background:rgba(15,23,42,.55);
  padding:28px;
  overflow:auto;
}
.iwc-modal-box{
  position:relative;
  max-width:1200px;
  margin:0 auto;
  padding:28px;
  border-radius:28px;
  background:#fff;
  box-shadow:0 28px 60px rgba(15,23,42,.28);
}
.iwc-close{
  position:absolute;
  top:16px;right:16px;
  width:42px;height:42px;
  border-radius:50%;
  border:1px solid var(--iwc-line);
  background:#fff;
  color:var(--iwc-text-2);
  font-size:26px;
  line-height:1;
  cursor:pointer;
}

.iwc-play-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:18px;
}
.iwc-play-title h2{margin:0 0 8px;font-size:28px;font-weight:900}
.iwc-progress{min-width:280px}
.iwc-progress-bar{
  width:100%;height:10px;overflow:hidden;
  background:#eaf1fb;border-radius:999px;
}
.iwc-progress-fill{
  height:100%;
  background:linear-gradient(90deg,var(--iwc-primary),#60a5fa);
  border-radius:999px;
}

.iwc-battle{
  display:grid;
  grid-template-columns:1fr 90px 1fr;
  gap:16px;
  align-items:center;
}
.iwc-item-card{
  overflow:hidden;
  border:1px solid var(--iwc-line);
  border-radius:24px;
  background:#fff;
  box-shadow:var(--iwc-shadow-1);
  cursor:pointer;
  transition:.18s ease;
}
.iwc-item-card:hover{transform:translateY(-3px);box-shadow:var(--iwc-shadow-2);border-color:#bfdbfe}
.iwc-item-thumb{aspect-ratio:4/5;background:#f5f8fc;overflow:hidden}
.iwc-item-thumb img{width:100%;height:100%;display:block;object-fit:cover}
.iwc-item-body{padding:16px 18px;text-align:center}
.iwc-item-name{font-size:21px;font-weight:900;color:var(--iwc-text);line-height:1.35}
.iwc-vs{display:flex;align-items:center;justify-content:center}
.iwc-vs-badge{
  width:72px;height:72px;
  display:flex;align-items:center;justify-content:center;
  border-radius:50%;
  background:linear-gradient(135deg,#1d4ed8,#2563eb);
  color:#fff;
  font-size:24px;font-weight:900;
  box-shadow:0 16px 32px rgba(37,99,235,.25);
}

.iwc-final{text-align:center;display:flex;flex-direction:column;gap:16px}
.iwc-final-thumb{
  width:min(340px,100%);
  margin:0 auto;
  overflow:hidden;
  border-radius:24px;
  border:1px solid var(--iwc-line);
  background:#f5f8fc;
}
.iwc-final-thumb img{width:100%;display:block;aspect-ratio:4/5;object-fit:cover}
.iwc-final-title{font-size:30px}
.iwc-share-box{
  padding:18px;
  border:1px solid var(--iwc-line);
  border-radius:18px;
  background:#f8fbff;
}
.iwc-share-title{margin-bottom:10px;font-weight:900}


.iwc-ajax-section.is-ajax-paging-loading{
  position:relative;
  min-height:160px;
}
.iwc-ajax-section.is-ajax-paging-loading::after{
  content:'페이지 이동 중…';
  position:absolute;
  top:18px;
  right:18px;
  z-index:8;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 14px;
  border-radius:999px;
  background:rgba(15,23,42,.82);
  color:#fff;
  font-size:12px;
  font-weight:800;
  letter-spacing:.02em;
  box-shadow:0 12px 28px rgba(2,6,23,.24);
  backdrop-filter:blur(8px);
}
.iwc-ajax-section.is-ajax-paging-loading > *{
  opacity:.55;
  transition:opacity .18s ease;
}
.iwc-paging{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:8px;
  margin:24px 0 6px;
}
.iwc-page-btn{min-width:42px;background:#fff}

.iwc-table-wrap{overflow:auto}
.iwc-table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  min-width:720px;
}
.iwc-table th,
.iwc-table td{
  padding:14px 16px;
  border-bottom:1px solid var(--iwc-line);
  text-align:left;
  vertical-align:middle;
}
.iwc-table th{background:#f8fbff;color:var(--iwc-text);font-size:13px;font-weight:900}
.iwc-table tr:last-child td{border-bottom:0}

.iwc-stat-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.iwc-stat-card{padding:18px;box-shadow:var(--iwc-shadow-1)}
.iwc-stat-label{display:block;color:var(--iwc-text-3);font-size:12px;font-weight:800}
.iwc-stat-value{display:block;margin-top:8px;color:var(--iwc-text);font-size:28px;font-weight:900}

.iwc-form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.iwc-form-group{display:flex;flex-direction:column;gap:8px}
.iwc-form-label{font-weight:800;color:var(--iwc-text)}
.iwc-help-list{margin:0;padding-left:18px;color:var(--iwc-text-2);line-height:1.8}

.iwc-member-dropzone{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:10px;
  min-height:220px;
  padding:24px;
  border:2px dashed #cfe0fb;
  border-radius:20px;
  background:#f8fbff;
  text-align:center;
}
.iwc-member-dropzone-title{font-size:22px;font-weight:900}
.iwc-member-dropzone-sub,.iwc-member-upload-help{color:var(--iwc-text-2);line-height:1.7}
.iwc-member-upload-help{margin-top:10px;}

.iwc-member-card-body{display:flex;flex-direction:column;gap:10px}
.iwc-sort-row{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center}
.iwc-sort-input{height:40px;padding:0 12px;border:1px solid var(--iwc-line-2);border-radius:12px}
.iwc-sort-handle{cursor:grab;color:var(--iwc-text-3);font-size:20px;padding:0 6px}
.iwc-existing-order{min-width:40px;text-align:center;font-weight:900;color:var(--iwc-primary-2)}
.iwc-member-file-replace{font-size:13px;color:var(--iwc-text-2)}
.iwc-member-delete-check{display:flex;align-items:center;gap:8px;color:#dc2626;font-weight:800}

.iwc-upload-progress-wrap{display:flex;flex-direction:column;gap:8px;margin-top:8px}
.iwc-upload-progress-label,
.iwc-upload-progress-text{font-size:13px;color:var(--iwc-text-2);font-weight:700}
.iwc-upload-progress-bar{
  width:100%;height:10px;overflow:hidden;
  border-radius:999px;background:#eaf1fb;
}
.iwc-upload-progress{height:100%;background:linear-gradient(90deg,var(--iwc-primary),#60a5fa);border-radius:999px}

.iwc-tab-btn.active{background:var(--iwc-primary-soft);border-color:#bfdbfe;color:var(--iwc-primary-2)}
.iwc-open-opt{cursor:pointer}
.iwc-open-opt input{margin-right:6px}

.iwc-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}

.badge,.chip,.card,.thumb,.title,.desc,.sub,.winner,.footer,.primary,.danger{all:unset}

.iwc-empty{
  grid-column:1/-1;
  padding:70px 20px;
  border:1px dashed #d3dce7;
  border-radius:22px;
  background:rgba(255,255,255,.82);
  text-align:center;
  color:var(--iwc-text-soft);
}

@media (max-width:1280px){
  .iwc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .iwc-preview-grid,.iwc-history-grid,.iwc-member-grid,.iwc-existing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media (max-width:1024px){
  .iwc-page{padding:20px}
  .iwc-hero{flex-direction:column;align-items:flex-start}
  .iwc-hero-stat{width:100%;min-width:0}
  .iwc-detail-main{grid-template-columns:1fr}
  .iwc-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .iwc-battle{grid-template-columns:1fr;gap:14px}
  .iwc-vs-badge{width:64px;height:64px;font-size:22px}
  .iwc-progress{min-width:0;width:100%}
  .iwc-play-head{flex-direction:column}
}

@media (max-width:768px){
  .iwc-searchbar{grid-template-columns:1fr}
  .iwc-admin-searchbar{grid-template-columns:1fr}
  .iwc-grid{grid-template-columns:1fr}
  .iwc-preview-grid,.iwc-history-grid,.iwc-member-grid,.iwc-existing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .iwc-form-row,.iwc-admin-grid{grid-template-columns:1fr}
  .iwc-modal{padding:14px}
  .iwc-modal-box{padding:20px 16px;border-radius:22px}
  .iwc-mode-head{flex-direction:column;align-items:flex-start}
}

@media (max-width:520px){
  .iwc-page{padding:16px}
  .iwc-hero{padding:24px 20px}
  .iwc-hero h1{font-size:30px}
  .iwc-panel,.iwc-preview-box,.iwc-rank-box,.iwc-history-box,.iwc-comment-box,.iwc-record-box,.iwc-table-wrap{padding:16px}
  .iwc-preview-grid,.iwc-history-grid,.iwc-member-grid,.iwc-existing-grid{grid-template-columns:1fr}
  .iwc-body h3,.iwc-detail-info h2,.iwc-final-title{font-size:20px}
  .iwc-item-name{font-size:18px}
  .iwc-card-actions,.iwc-detail-actions,.iwc-social-row,.iwc-final-actions,.iwc-share-copy,.iwc-member-card-toolbar,.iwc-save-bar{flex-direction:column}
  .iwc-btn,.iwc-start-btn,.iwc-submit-btn,.iwc-btn-ghost,.iwc-detail-btn{width:100%}
}


.iwc-center-menu{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  justify-content:center;
}

.iwc-comment-top-fields{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}

.iwc-comment-password,
.iwc-comment-delete{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:0 14px;
  border:1px solid var(--iwc-line-2);
  background:#fff;
  color:var(--iwc-text);
  border-radius:16px;
  outline:none;
  transition:.2s ease;
  font-weight:700;
}

.iwc-comment-password:focus{
  border-color:#93c5fd;
  box-shadow:0 0 0 4px rgba(59,130,246,.10);
}

.iwc-anon-check{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:13px;
  font-weight:700;
  color:var(--iwc-text-2);
}

.iwc-comment-delete{
  background:#fff5f5;
  border-color:#fecaca;
  color:#dc2626;
  cursor:pointer;
}

.iwc-comment-delete:hover{
  background:#fef2f2;
}

@media (max-width: 767px){
  .iwc-comment-top-fields{grid-template-columns:1fr}
}

/* =========================================================
   내 제작 월드컵 목록 / 액션 버튼 / 커서 / 반응형
   교체용 CSS
   ========================================================= */

/* 카드 리스트 */
.iwc-record-list{
  display:flex;
  flex-direction:column;
  gap:18px;
  margin-top:18px;
}

/* 카드 1개 */
.iwc-record-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:22px 24px;
  border:1px solid #dbe5f1;
  border-radius:22px;
  background:#fff;
  box-shadow:0 10px 30px rgba(15, 23, 42, 0.04);
  position:relative;
  overflow:hidden;
}

.iwc-record-item::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:5px;
  background:linear-gradient(180deg, #2563eb, #60a5fa);
  opacity:.9;
}

/* 왼쪽 정보 */
.iwc-record-main{
  flex:1 1 auto;
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:12px;
  position:relative;
  z-index:1;
}

.iwc-record-title{
  margin:0;
  font-size:18px;
  line-height:1.4;
  font-weight:800;
  color:#0f172a;
  word-break:keep-all;
}

.iwc-record-meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
}

.iwc-record-meta span{
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:0 14px;
  border-radius:999px;
  background:#f8fbff;
  border:1px solid #dbe5f1;
  color:#475569;
  font-size:14px;
  font-weight:700;
  line-height:1;
  white-space:nowrap;
}

/* 오른쪽 버튼 영역 */
.iwc-record-actions{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  flex-wrap:nowrap;
  position:relative;
  z-index:5;
}

/* 버튼 공통 */
.iwc-record-actions a.iwc-mini-btn,
.iwc-record-actions button.iwc-mini-btn,
.iwc-record-actions a.iwc-delete-confirm,
.iwc-record-actions button.iwc-delete-confirm{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  box-sizing:border-box;
  min-width:74px;
  height:46px;
  padding:0 18px;
  border-radius:16px;
  border:1px solid #dbe5f1;
  background:#fff;
  color:#334155 !important;
  font-size:17px;
  font-weight:800;
  line-height:1 !important;
  letter-spacing:-0.02em;
  text-decoration:none !important;
  white-space:nowrap !important;
  word-break:keep-all !important;
  writing-mode:horizontal-tb !important;
  vertical-align:middle;
  cursor:pointer !important;
  pointer-events:auto !important;
  user-select:none;
  -webkit-user-select:none;
  transition:
    background-color .18s ease,
    border-color .18s ease,
    color .18s ease,
    box-shadow .18s ease,
    transform .12s ease;
  box-shadow:0 4px 14px rgba(15, 23, 42, 0.04);
  appearance:none;
  -webkit-appearance:none;
  position:relative;
  z-index:6;
}

/* 링크 기본 hover */
.iwc-record-actions a.iwc-mini-btn:hover,
.iwc-record-actions button.iwc-mini-btn:hover,
.iwc-record-actions a.iwc-delete-confirm:hover,
.iwc-record-actions button.iwc-delete-confirm:hover{
  text-decoration:none !important;
  transform:translateY(-1px);
}

/* 보기 버튼 */
.iwc-record-actions .iwc-mini-btn{
  background:#fff !important;
  border:1px solid #dbe5f1 !important;
  color:#334155 !important;
}

.iwc-record-actions .iwc-mini-btn:hover{
  background:#f8fbff !important;
  border-color:#bfd4f6 !important;
  color:#1e3a8a !important;
  box-shadow:0 10px 20px rgba(37, 99, 235, 0.08);
}

/* 수정 버튼 */
.iwc-record-actions .iwc-mini-btn.primary{
  color:#fff !important;
  border-color:transparent !important;
  background:linear-gradient(135deg, #2563eb, #3b82f6) !important;
  box-shadow:0 10px 20px rgba(37, 99, 235, 0.22);
}

.iwc-record-actions .iwc-mini-btn.primary:hover{
  color:#fff !important;
  background:linear-gradient(135deg, #1d4ed8, #2563eb) !important;
  box-shadow:0 14px 24px rgba(37, 99, 235, 0.26);
}

/* 삭제 버튼 */
.iwc-record-actions .iwc-mini-btn.danger,
.iwc-record-actions .iwc-delete-confirm{
  color:#dc2626 !important;
  background:#fff5f5 !important;
  border:1px solid #fecaca !important;
  box-shadow:none;
}

.iwc-record-actions .iwc-mini-btn.danger:hover,
.iwc-record-actions .iwc-delete-confirm:hover{
  color:#ffffff !important;
  background:linear-gradient(135deg,#ef4444 0%,#f87171 100%) !important;
  border-color:#f87171 !important;
  box-shadow:0 14px 26px rgba(239, 68, 68, 0.18);
  transform:translateY(-1px);
}

/* active / focus */
.iwc-record-actions a.iwc-mini-btn:focus,
.iwc-record-actions button.iwc-mini-btn:focus,
.iwc-record-actions a.iwc-delete-confirm:focus,
.iwc-record-actions button.iwc-delete-confirm:focus{
  outline:none;
  box-shadow:
    0 0 0 4px rgba(59, 130, 246, 0.14),
    0 8px 20px rgba(15, 23, 42, 0.08);
}

.iwc-record-actions .iwc-mini-btn:active,
.iwc-record-actions .iwc-delete-confirm:active{
  transform:translateY(0);
}

/* 버튼 내부 span 등이 있어도 세로깨짐 방지 */
.iwc-record-actions a.iwc-mini-btn *,
.iwc-record-actions a.iwc-delete-confirm *,
.iwc-record-actions button.iwc-mini-btn *,
.iwc-record-actions button.iwc-delete-confirm *{
  pointer-events:none;
  white-space:nowrap !important;
  line-height:1 !important;
}

/* 혹시 상위 레이어가 눌러앉는 경우 방지 */
.iwc-record-item > *{
  position:relative;
  z-index:1;
}

.iwc-record-actions{
  z-index:10;
}

/* 상태 뱃지 느낌 강화가 필요할 때 */
.iwc-record-meta .is-approved{
  color:#166534;
  background:#f0fdf4;
  border-color:#bbf7d0;
}

.iwc-record-meta .is-pending{
  color:#92400e;
  background:#fffbeb;
  border-color:#fde68a;
}

.iwc-record-meta .is-rejected{
  color:#991b1b;
  background:#fef2f2;
  border-color:#fecaca;
}

/* 반응형 */
@media (max-width: 991px){
  .iwc-record-item{
    padding:20px 18px;
    gap:16px;
  }

  .iwc-record-title{
    font-size:17px;
  }

  .iwc-record-actions a.iwc-mini-btn,
  .iwc-record-actions button.iwc-mini-btn,
  .iwc-record-actions a.iwc-delete-confirm,
  .iwc-record-actions button.iwc-delete-confirm{
    min-width:68px;
    height:42px;
    padding:0 15px;
    font-size:16px;
    border-radius:14px;
  }
}

@media (max-width: 768px){
  .iwc-record-item{
    flex-direction:column;
    align-items:flex-start;
  }

  .iwc-record-main{
    width:100%;
  }

  .iwc-record-meta{
    gap:8px;
  }

  .iwc-record-meta span{
    min-height:34px;
    padding:0 12px;
    font-size:13px;
  }

  .iwc-record-actions{
    width:100%;
    justify-content:flex-start;
    flex-wrap:wrap;
  }

  .iwc-record-actions a.iwc-mini-btn,
  .iwc-record-actions button.iwc-mini-btn,
  .iwc-record-actions a.iwc-delete-confirm,
  .iwc-record-actions button.iwc-delete-confirm{
    min-width:72px;
    height:42px;
    font-size:15px;
  }
}

@media (max-width: 480px){
  .iwc-record-item{
    padding:16px 14px;
    border-radius:18px;
  }

  .iwc-record-title{
    font-size:16px;
  }

  .iwc-record-actions{
    gap:8px;
  }

  .iwc-record-actions a.iwc-mini-btn,
  .iwc-record-actions button.iwc-mini-btn,
  .iwc-record-actions a.iwc-delete-confirm,
  .iwc-record-actions button.iwc-delete-confirm{
    min-width:64px;
    height:40px;
    padding:0 14px;
    font-size:14px;
    border-radius:12px;
  }
}

/* 2026-03 polish */
.iwc-desc-link{display:block;color:inherit}
.iwc-desc-link:hover .iwc-desc-clamp{color:var(--iwc-text)}
.iwc-desc-clamp{
  margin:0;
  color:var(--iwc-text-2);
  line-height:1.76;
  overflow:hidden;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  min-height:74px;
}
.iwc-desc-more{
  display:none;
  margin-top:8px;
  color:var(--iwc-primary-2);
  font-size:13px;
  font-weight:800;
}
.iwc-card-actions{
  align-items:stretch;
}
.iwc-card-actions > .iwc-detail-btn,
.iwc-card-actions > .iwc-rank-btn{
  flex:1 1 calc(50% - 5px);
  min-width:0;
  min-height:50px;
  border-radius:16px;
}
.iwc-card-actions > .iwc-start-btn{
  flex:1 1 100%;
  min-width:0;
  min-height:50px;
  border-radius:16px;
}
.iwc-card-actions > .iwc-start-btn:hover,
.iwc-detail-actions > .iwc-start-btn:hover{
  color:#fff;
  background:linear-gradient(135deg,#2563eb,#1d4ed8);
  border-color:transparent;
  box-shadow:0 18px 32px rgba(37,99,235,.28);
}

.iwc-card-actions-bookmarks{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:10px;
  align-items:stretch;
}
.iwc-card-actions-bookmarks > .iwc-detail-btn,
.iwc-card-actions-bookmarks > .iwc-rank-btn,
.iwc-card-actions-bookmarks > .iwc-start-btn,
.iwc-card-actions-bookmarks > .iwc-detail-btn-danger{
  width:100%;
  min-width:0;
  min-height:50px;
  border-radius:16px;
}

.iwc-card-actions > .iwc-detail-btn:hover,
.iwc-detail-actions > .iwc-btn-ghost:hover,
.iwc-center-menu .iwc-btn:hover{
  transform:translateY(-1px);
}
.iwc-center-menu .iwc-btn.iwc-btn-primary:hover{
  background:linear-gradient(135deg,#2563eb,#1d4ed8);
  color:#fff;
  box-shadow:0 16px 28px rgba(37,99,235,.26);
}
.iwc-record-item-thumb{align-items:center}
.iwc-record-thumb{
  width:242px;
  min-width:242px;
  height:112px;
  overflow:hidden;
  border-radius:18px;
  border:1px solid var(--iwc-line);
  background:#f5f8fc;
}
.iwc-record-thumb img{width:100%;height:100%;display:block;object-fit:cover}
.iwc-record-thumb .iwc-noimg{height:100%;min-height:100%;font-size:11px}
.iwc-comment-item:target,
.iwc-comment-target{
  border-color:#93c5fd;
  box-shadow:0 0 0 4px rgba(59,130,246,.04);
  background:#f8fbff;
}
.iwc-local-paging{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:center;
  margin-top:14px;
}
.iwc-page-btn.is-disabled{
  opacity:.45;
  cursor:not-allowed;
}
@media (max-width: 768px){
  .iwc-record-thumb{
    width:72px;
    min-width:72px;
    height:72px;
  }
}


.iwc-detail-actions-split > .iwc-start-btn,
.iwc-detail-actions-split > .iwc-btn-ghost,
.iwc-detail-actions-split > .iwc-detail-btn{
  flex:1 1 calc(50% - 5px);
  min-width:0;
}
.iwc-rank-thumb a{display:block;width:100%;height:100%}
.iwc-rank-thumb a img{width:100%;height:100%;display:block;object-fit:cover}
.iwc-record-item-stats{align-items:center;gap:16px}
.iwc-record-stats-inline{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  padding:0;
  min-height:auto;
  background:transparent;
  border:0;
}
.iwc-record-stats-inline span{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:0 10px;
  border-radius:999px;
  background:#f8fbff;
  border:1px solid #dbe5f1;
  color:#475569;
  font-size:13px;
  font-weight:700;
}
@media (max-width: 768px){
  .iwc-detail-actions-split > .iwc-start-btn,
  .iwc-detail-actions-split > .iwc-btn-ghost,
  .iwc-detail-actions-split > .iwc-detail-btn{flex:1 1 100%}
  .iwc-record-item-stats{align-items:flex-start}
}

/* =================================
   프로젝트형 커스텀 갤러리 모달
   ================================= */

body.iwc-gallery-open{
  position:fixed;
  width:100%;
  overflow:hidden;
}

.iwc-gallery-open,
.iwc-gallery-open img,
.iwc-rank-thumb a,
.iwc-rank-thumb a img{
  cursor:pointer !important;
}

.iwc-gallery-modal{
  position:fixed;
  inset:0;
  z-index:30000;
  display:none;
}

.iwc-gallery-backdrop{
  position:absolute;
  inset:0;
  background:rgba(32,32,36,.86);
}

.iwc-gallery-shell{
  position:absolute;
  inset:12px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  overflow:hidden;
}

.iwc-gallery-topbar{
  width:100%;
  padding:16px 80px 12px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
}

.iwc-gallery-title{
  color:#fff;
  font-size:18px;
  font-weight:700;
  line-height:1.4;
  word-break:keep-all;
}

.iwc-gallery-close{
  position:absolute;
  top:6px;
  right:10px;
  width:52px;
  height:52px;
  border:0;
  background:transparent;
  color:#fff;
  font-size:56px;
  line-height:1;
  cursor:pointer;
  opacity:.95;
  transition:opacity .18s ease, transform .18s ease;
}

.iwc-gallery-close:hover{
  opacity:1;
  transform:scale(1.04);
}

.iwc-gallery-stage{
  position:relative;
  width:100%;
  flex:1;
  min-height:0;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 88px;
  box-sizing:border-box;
}

.iwc-gallery-stage-inner{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(20,20,24,.45);
  border-radius:10px;
  overflow:hidden;
}

.iwc-gallery-stage-inner img{
  max-width:100%;
  max-height:100%;
  width:auto;
  height:auto;
  display:block;
  object-fit:contain;
  box-shadow:0 12px 40px rgba(0,0,0,.28);
  user-select:none;
  -webkit-user-drag:none;
  transition:
    opacity .22s ease,
    transform .24s ease,
    filter .24s ease;
  will-change:transform, opacity;
}

.iwc-gallery-stage-inner.is-anim-prev img{
  animation:iwcGallerySlidePrev .22s ease;
}

.iwc-gallery-stage-inner.is-anim-next img{
  animation:iwcGallerySlideNext .22s ease;
}

.iwc-gallery-stage-inner.is-anim-fade img{
  animation:iwcGalleryFade .20s ease;
}

@keyframes iwcGallerySlidePrev{
  from{
    opacity:.35;
    transform:translateX(-22px) scale(.985);
  }
  to{
    opacity:1;
    transform:translateX(0) scale(1);
  }
}

@keyframes iwcGallerySlideNext{
  from{
    opacity:.35;
    transform:translateX(22px) scale(.985);
  }
  to{
    opacity:1;
    transform:translateX(0) scale(1);
  }
}

@keyframes iwcGalleryFade{
  from{
    opacity:.2;
    transform:scale(.992);
  }
  to{
    opacity:1;
    transform:scale(1);
  }
}

.iwc-gallery-nav{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:64px;
  height:64px;
  border:0;
  border-radius:50%;
  background:rgba(255,255,255,.06);
  color:#fff;
  font-size:52px;
  line-height:1;
  cursor:pointer;
  opacity:.94;
  z-index:5;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:
    opacity .18s ease,
    transform .18s ease,
    background .18s ease,
    box-shadow .18s ease;
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
  box-shadow:0 10px 24px rgba(0,0,0,.14);
}

.iwc-gallery-nav:hover{
  opacity:1;
  background:rgba(255,255,255,.14);
  box-shadow:0 16px 30px rgba(0,0,0,.22);
}

.iwc-gallery-nav.prev{
  left:8px;
}

.iwc-gallery-nav.next{
  right:8px;
}

.iwc-gallery-thumbs-wrap{
  width:100%;
  padding:14px 88px 10px;
  box-sizing:border-box;
  overflow:hidden;
}

.iwc-gallery-thumbs{
  display:flex;
  gap:12px;
  overflow-x:auto;
  overflow-y:hidden;
  justify-content:flex-start;
  padding:8px 2px 6px;
  scrollbar-width:thin;
  scrollbar-color:rgba(255,255,255,.24) transparent;
  scroll-behavior:smooth;
}

.iwc-gallery-thumbs::-webkit-scrollbar{
  height:8px;
}

.iwc-gallery-thumbs::-webkit-scrollbar-thumb{
  background:rgba(255,255,255,.22);
  border-radius:999px;
}

.iwc-gallery-thumb-btn{
  position:relative;
  flex:0 0 auto;
  width:126px;
  height:78px;
  padding:0;
  border:2px solid rgba(255,255,255,.08);
  border-radius:8px;
  background:#16181d;
  cursor:pointer;
  overflow:hidden;
  opacity:.68;
  transform:scale(.94);
  transition:
    transform .22s ease,
    opacity .22s ease,
    border-color .22s ease,
    box-shadow .22s ease,
    filter .22s ease;
}

.iwc-gallery-thumb-btn::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(0,0,0,.10));
  pointer-events:none;
}

.iwc-gallery-thumb-btn:hover{
  opacity:.95;
  transform:scale(.98);
  border-color:rgba(255,255,255,.22);
  box-shadow:0 8px 20px rgba(0,0,0,.18);
  background:#1d2432;
}

.iwc-gallery-thumb-btn.active{
  opacity:1;
  transform:scale(1.02);
  border-color:#f7b733;
  box-shadow:
    0 0 0 1px rgba(247,183,51,.18),
    0 12px 26px rgba(0,0,0,.22);
}

.iwc-gallery-thumb-btn img,
.iwc-gallery-thumb-btn video{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  user-select:none;
  -webkit-user-drag:none;
  transition:transform .26s ease, filter .26s ease;
  filter:saturate(.95) brightness(.95);
}

.iwc-gallery-thumb-btn video{
  background:#0f172a;
}

.iwc-gallery-thumb-btn:hover img,
.iwc-gallery-thumb-btn:hover video,
.iwc-gallery-thumb-btn.active img,
.iwc-gallery-thumb-btn.active video{
  transform:scale(1.05);
  filter:saturate(1.02) brightness(1.08);
}

.iwc-gallery-thumb-btn img,
.iwc-gallery-thumb-btn video,
#iwcGalleryImage{
  user-select:none;
  -webkit-user-drag:none;
}

@media (max-width: 1024px){
  .iwc-gallery-stage{
    padding:0 56px;
  }

  .iwc-gallery-nav{
    font-size:72px;
    width:48px;
    height:48px;
  }

  .iwc-gallery-thumb-btn{
    width:96px;
    height:68px;
  }
}

@media (max-width: 768px){
  .iwc-gallery-shell{
    inset:8px;
  }

  .iwc-gallery-topbar{
    padding:12px 56px 10px;
  }

  .iwc-gallery-title{
    font-size:15px;
  }

  .iwc-gallery-close{
    top:2px;
    right:6px;
    width:44px;
    height:44px;
    font-size:44px;
  }

  .iwc-gallery-stage{
    padding:0 54px;
  }

  .iwc-gallery-nav{
    width:42px;
    height:42px;
    font-size:36px;
  }

  .iwc-gallery-nav.prev{
    left:4px;
  }

  .iwc-gallery-nav.next{
    right:4px;
  }

  .iwc-gallery-thumbs-wrap{
    padding:10px 54px 4px;
  }

  .iwc-gallery-thumb-btn{
    width:86px;
    height:58px;
    border-width:2px;
  }
}

/* 검색어 하이라이트 */
.iwc-search-highlight{
  display:inline;
  padding:0 .18em;
  border-radius:4px;
  background:linear-gradient(180deg, rgba(255,236,140,.92) 0%, rgba(255,217,61,.92) 100%);
  color:#111827;
  font-weight:700;
  box-shadow:0 1px 0 rgba(0,0,0,.04);
}

/* =================================
   댓글 / 답글 구분 강화
   ================================= */

.iwc-comment-item.reply{
  margin-left:34px;
  padding-left:20px;
  background:#f8fbff;
  border-color:#dbeafe;
  position:relative;
}

.iwc-comment-item.reply::before{
  content:"";
  position:absolute;
  left:-18px;
  top:18px;
  width:18px;
  height:18px;
  border-left:2px solid #93c5fd;
  border-bottom:2px solid #93c5fd;
  border-bottom-left-radius:10px;
}

.iwc-comment-head strong{
  display:inline-flex;
  align-items:center;
  gap:6px;
}

.iwc-reply-arrow{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:18px;
  height:18px;
  color:#2563eb;
  font-size:15px;
  font-weight:900;
  line-height:1;
}

.iwc-comment-item.reply .iwc-comment-body{
  color:#334155;
}

.iwc-comment-item.reply .iwc-comment-head strong{
  color:#1e3a8a;
}

@media (max-width: 768px){
  .iwc-comment-item.reply{
    margin-left:18px;
    padding-left:14px;
  }

  .iwc-comment-item.reply::before{
    left:-12px;
    width:12px;
    height:14px;
  }
}

/* =================================
   댓글 / 답글 수정 부분
   ================================= */

.iwc-comment-edit-form{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-top:14px;
  padding:14px;
  border:1px solid #dbeafe;
  border-radius:16px;
  background:#f8fbff;
}

.iwc-comment-edit-content{
  width:100%;
  min-height:100px;
  padding:12px 14px;
  border:1px solid var(--iwc-line-2);
  border-radius:14px;
  background:#fff;
  color:var(--iwc-text);
  resize:vertical;
  outline:none;
  transition:.2s ease;
}

.iwc-comment-edit-content:focus{
  border-color:#93c5fd;
  box-shadow:0 0 0 4px rgba(59,130,246,.10);
}

/* =================================
   우승 히스토리 리스트형 정리
   ================================= */
.iwc-history-record-box{
  display:flex;
  flex-direction:column;
  gap:14px;
}

.iwc-history-record-item{
  align-items:center;
}

.iwc-history-record-thumb{
  width:136px;
  min-width:136px;
  height:136px;
  border-radius:22px;
  box-shadow:0 10px 24px rgba(37,99,235,.10);
}

.iwc-history-record-meta{
  gap:4px;
}

.iwc-history-record-meta span{
  min-height:36px;
  padding:0 14px;
  border-radius:999px;
  background:#f8fbff;
  border:1px solid #dbeafe;
  color:#334155;
  font-size:13px;
  font-weight:800;
}

.iwc-history-record-date{
  white-space:nowrap;
  font-weight:700;
  color:#64748b;
}

@media (max-width: 768px){
  .iwc-history-record-item{
    align-items:flex-start;
  }

  .iwc-history-record-thumb{
    width:84px;
    min-width:84px;
    height:84px;
    border-radius:18px;
  }

  .iwc-history-record-date{
    width:100%;
  }
}


/* ===============================
   v14 premium facelift
   =============================== */
.iwc-page-section-actions{
  background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(247,250,255,.92));
}
.iwc-top-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
}
.iwc-hero{
  overflow:hidden;
}
.iwc-hero::after{
  content:"";
  position:absolute;
  right:-80px;
  top:-90px;
  width:260px;
  height:260px;
  background:radial-gradient(circle,rgba(96,165,250,.28),rgba(96,165,250,0) 70%);
  pointer-events:none;
}
.iwc-history-record-box,
.iwc-ranking-board{
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(247,250,255,.94));
}
.iwc-history-record-item,
.iwc-ranking-item{
  position:relative;
  overflow:hidden;
  border:1px solid #d7e4f4;
  box-shadow:0 18px 42px rgba(15,23,42,.06);
}
.iwc-history-record-item::after,
.iwc-ranking-item::after{
  content:"";
  position:absolute;
  inset:auto -40px -40px auto;
  width:160px;
  height:160px;
  background:radial-gradient(circle,rgba(191,219,254,.22),rgba(191,219,254,0) 70%);
  pointer-events:none;
}
.iwc-history-record-meta,
.iwc-ranking-sub,
.iwc-record-sub{
  line-height:1.45;
}
.iwc-history-record-meta{
  gap:6px;
}
.iwc-history-record-meta span{
  min-height:32px;
  padding:0 12px;
  font-size:13px;
}
.iwc-ranking-item{
  gap:16px;
  align-items:center;
}
.iwc-rank-medal{
  flex:0 0 56px;
  width:56px;
  height:56px;
  border-radius:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:20px;
  font-weight:900;
  color:#0f172a;
  background:linear-gradient(135deg,#fef3c7,#f8fafc);
  border:1px solid #f6d68a;
  box-shadow:0 12px 22px rgba(245,158,11,.14);
}
.iwc-ranking-item:nth-child(1) .iwc-rank-medal{background:linear-gradient(135deg,#fde68a,#fff7d6);}
.iwc-ranking-item:nth-child(2) .iwc-rank-medal{background:linear-gradient(135deg,#e5e7eb,#f8fafc);border-color:#d1d5db;}
.iwc-ranking-item:nth-child(3) .iwc-rank-medal{background:linear-gradient(135deg,#fdba74,#fff7ed);border-color:#fdba74;}
.iwc-ranking-title-row{
  display:inline-flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
}
.iwc-ranking-rank-label{
  display:inline-flex;
  align-items:center;
  height:28px;
  padding:0 10px;
  border-radius:999px;
  background:#eff6ff;
  color:#1d4ed8;
  font-size:12px;
  font-weight:900;
}
.iwc-ranking-score{
  display:flex;
  flex-direction:column;
  gap:6px;
  min-width:130px;
  padding:14px 16px;
  border-radius:18px;
  background:linear-gradient(135deg,#eff6ff,#ffffff);
  border:1px solid #dbeafe;
  color:#475569;
  text-align:right;
}
.iwc-ranking-score span{font-size:12px;font-weight:800;color:#64748b;}
.iwc-ranking-score strong{font-size:22px;font-weight:900;color:#0f172a;line-height:1;}

.iwc-modal{
  background:rgba(2,6,23,.68);
  backdrop-filter:blur(12px);
}
.iwc-modal-shell{
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(245,248,255,.96));
  border:1px solid rgba(219,234,254,.9);
  overflow:hidden;
}
.iwc-modal-shell::before{
  content:"";
  position:absolute;
  inset:-40% auto auto -20%;
  width:320px;
  height:320px;
  background:radial-gradient(circle,rgba(96,165,250,.16),rgba(96,165,250,0) 72%);
  pointer-events:none;
}
.iwc-start-lobby{
  display:grid;
  grid-template-columns:minmax(280px,420px) minmax(0,1fr);
  gap:26px;
  align-items:stretch;
  position:relative;
}
.iwc-start-cover{
  position:relative;
  overflow:hidden;
  min-height:420px;
  border-radius:26px;
  border:1px solid #dbe5f1;
  background:linear-gradient(180deg,#eff6ff,#f8fbff);
}
.iwc-start-cover img{
  width:100%;
  height:100%;
  display:block;
  object-fit:fill;
}
.iwc-start-cover-glow{
  position:absolute;
  inset:auto 0 0 0;
  height:45%;
  background:linear-gradient(180deg,rgba(15,23,42,0),rgba(15,23,42,.34));
}
.iwc-start-side{
  display:flex;
  flex-direction:column;
  gap:18px;
  min-width:0;
}
.iwc-start-kicker,
.iwc-play-kicker{
  display:inline-flex;
  align-items:center;
  width:max-content;
  min-height:28px;
  padding:0 12px;
  border-radius:999px;
  background:#eff6ff;
  color:#1d4ed8;
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
}
.iwc-start-side h2{
  margin:0;
  font-size:34px;
  line-height:1.18;
  font-weight:900;
  color:#0f172a;
}
.iwc-start-side p{
  margin:0;
  color:#475569;
  line-height:1.7;
}
.iwc-start-meta{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.iwc-start-meta span{
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:0 14px;
  border-radius:999px;
  background:#fff;
  border:1px solid #dbe5f1;
  font-size:13px;
  font-weight:800;
  color:#475569;
}
.iwc-start-mode-box{
  padding:0;
  border-radius:24px;
  background:linear-gradient(180deg,#ffffff,#f8fbff);
  border:1px solid #dbe5f1;
  box-shadow:0 16px 32px rgba(15,23,42,.05);
}
.iwc-start-mode-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px;
}
.iwc-start-mode-head strong{font-size:16px;color:#0f172a;}
.iwc-start-mode-head span{font-size:13px;color:#64748b;font-weight:700;}
.iwc-start-mode-grid .iwc-mode-row,
.iwc-start-mode-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(120px,1fr));
  gap:12px;
}
.iwc-start-mode-grid .iwc-mode-btn{
  min-height:68px;
  border-radius:20px;
  font-size:17px;
  font-weight:900;
  background:linear-gradient(180deg,#ffffff,#f8fbff);
  border:1px solid #dbe5f1;
  box-shadow:0 8px 18px rgba(15,23,42,.04);
}
.iwc-start-mode-grid .iwc-mode-btn.active{
  color:#fff;
  border-color:transparent;
  background:linear-gradient(135deg,#2563eb,#1d4ed8);
  box-shadow:0 18px 30px rgba(37,99,235,.28);
  transform:translateY(-2px);
}
.iwc-start-actions{
  display:flex;
  gap:12px;
  margin-top:auto;
}
.iwc-start-actions > *{flex:1 1 0;}
.iwc-play-head{
  align-items:center;
  margin-bottom:22px;
}
.iwc-progress-panel{
  padding:14px 16px;
  border-radius:18px;
  background:linear-gradient(180deg,#fff,#f8fbff);
  border:1px solid #dbe5f1;
  box-shadow:0 10px 22px rgba(15,23,42,.04);
}
.iwc-progress-label{margin-bottom:8px;font-weight:800;color:#334155;}
.iwc-progress-bar{height:12px;background:#e6eefb;}
.iwc-progress-fill{box-shadow:0 0 18px rgba(37,99,235,.35);}
.iwc-battle-stage{
  position:relative;
  padding:18px;
  border-radius:28px;
  background:linear-gradient(180deg,#f8fbff,#ffffff);
  border:1px solid #dbe5f1;
  overflow:hidden;
}
.iwc-battle-stage-glow{
  position:absolute;
  inset:-30% auto auto 25%;
  width:50%;
  height:180px;
  background:radial-gradient(circle,rgba(147,197,253,.35),rgba(147,197,253,0) 70%);
  pointer-events:none;
}
.iwc-battle{
  position:relative;
  z-index:1;
  grid-template-columns:minmax(0,1fr) 110px minmax(0,1fr);
  gap:18px;
}
.iwc-battle-side{min-width:0;}
.iwc-item-card{
  border-radius:28px;
  background:linear-gradient(180deg,#ffffff,#f7fbff);
  border-color:#dbe5f1;
  box-shadow:0 18px 40px rgba(15,23,42,.08);
}
.iwc-item-card:hover{
  transform:translateY(-6px) scale(1.01);
  box-shadow:0 26px 48px rgba(37,99,235,.16);
  border-color:#93c5fd;
}
.iwc-item-thumb{aspect-ratio:4/4.55;background:linear-gradient(180deg,#f4f8ff,#eef4fb);}
.iwc-item-body{padding:18px 18px 20px;}
.iwc-item-name{font-size:24px;}
.iwc-item-extra{margin-top:6px;color:#64748b;font-size:13px;min-height:18px;}
.iwc-pick-hint{
  margin-top:12px;
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 12px;
  border-radius:999px;
  background:#eff6ff;
  color:#1d4ed8;
  font-size:12px;
  font-weight:900;
}
.iwc-vs{flex-direction:column;gap:12px;}
.iwc-vs-badge{
  width:84px;
  height:84px;
  font-size:26px;
  background:linear-gradient(135deg,#0f172a,#2563eb);
  box-shadow:0 20px 40px rgba(15,23,42,.2);
}
.iwc-vs-sub{
  text-align:center;
  color:#64748b;
  font-size:12px;
  font-weight:800;
}
.iwc-battle-footer-tip{
  margin-top:14px;
  text-align:center;
  color:#64748b;
  font-size:13px;
  font-weight:800;
}
.iwc-final{
  gap:20px;
}
.iwc-final-thumb{
  box-shadow:0 22px 48px rgba(15,23,42,.14);
}
.iwc-final-title{
  font-size:34px;
  font-weight:900;
  color:#0f172a;
}
.iwc-final-sub{
  color:#475569;
  font-size:16px;
  font-weight:800;
}
.iwc-share-box{
  background:linear-gradient(180deg,#ffffff,#f8fbff);
  box-shadow:0 16px 34px rgba(15,23,42,.05);
}
@media (max-width: 991px){
  .iwc-start-lobby{grid-template-columns:1fr;}
  .iwc-start-cover{min-height:280px;}
  .iwc-battle{grid-template-columns:1fr;}
  .iwc-vs{order:2;}
}
@media (max-width: 768px){
  .iwc-top-actions{display:grid;grid-template-columns:1fr 1fr;}
  .iwc-ranking-item{align-items:flex-start;}
  .iwc-ranking-score{width:100%;text-align:left;min-width:0;}
  .iwc-start-side h2{font-size:28px;}
  .iwc-start-actions{flex-direction:column;}
  .iwc-start-mode-grid,.iwc-start-mode-grid .iwc-mode-row{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width: 520px){
  .iwc-top-actions{grid-template-columns:1fr;}
  .iwc-rank-medal{width:48px;height:48px;flex-basis:48px;border-radius:15px;font-size:18px;}
  .iwc-start-mode-grid,.iwc-start-mode-grid .iwc-mode-row{grid-template-columns:1fr 1fr;gap:10px;}
  .iwc-start-mode-grid .iwc-mode-btn{min-height:60px;font-size:15px;}
  .iwc-item-name{font-size:20px;}
}

/* 2026-03-14 battle/result modal refit */
.iwc-modal{
  display:none;
  position:fixed;
  inset:0;
  width:100vw;
  height:100vh;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.iwc-modal[style*="display: block"],
.iwc-modal[style*="display:block"]{
  display:flex !important;
}
.iwc-modal-backdrop{
  position:absolute;
  inset:0;
}
.iwc-modal .iwc-modal-box{
  position:relative;
  z-index:1;
  width:min(1280px, calc(100vw - 32px));
  max-height:calc(100vh - 32px);
  overflow-y:auto;
  overflow-x:hidden;
}
.iwc-modal-battle,
.iwc-modal-result{
  background:#000;
}
.iwc-modal-battle .iwc-modal-box,
.iwc-modal-result .iwc-modal-box{
  width:100vw;
  max-width:100vw;
  height:100vh;
  max-height:100vh;
  border-radius:0;
}
.iwc-modal-battle .iwc-modal-shell,
.iwc-modal-result .iwc-modal-shell{
  min-height:100vh;
  background:#000;
  border:0;
  box-shadow:none;
  padding:26px 22px 24px;
}
.iwc-modal-battle .iwc-modal-shell::before,
.iwc-modal-result .iwc-modal-shell::before{display:none;}
.iwc-modal-battle .iwc-close,
.iwc-modal-result .iwc-close{
  top:4px;
  right:4px;
  width:48px;
  height:48px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.08);
  color:#fff;
  backdrop-filter:blur(8px);
}
.iwc-arena-wrap{display:flex;flex-direction:column;gap:18px;color:#fff;}
.iwc-arena-head{display:flex;flex-direction:column;align-items:stretch;gap:14px;width:min(980px,100%);margin:0 auto;}
.iwc-arena-titlebox{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;}
.iwc-arena-head h2{margin:0;font-size:34px;font-weight:900;line-height:1.15;color:#fff;letter-spacing:-.03em;}
.iwc-arena-kicker{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 14px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);font-size:12px;font-weight:900;letter-spacing:.12em;color:#dbeafe;}
.iwc-arena-topmeta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.iwc-arena-meta-chip{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:72px;padding:14px 16px;border-radius:18px;background:#0f172a;border:1px solid rgba(255,255,255,.08);text-align:center;}
.iwc-arena-meta-chip .label{color:rgba(219,234,254,.72);font-size:12px;font-weight:700;line-height:1.2;}
.iwc-arena-meta-chip strong{color:#fff;font-size:18px;font-weight:900;line-height:1.2;}
.iwc-arena-sub{display:none;}
.iwc-arena-progress{width:100%;padding:14px 16px 16px;border-radius:18px;background:#0f172a;border:1px solid rgba(255,255,255,.1);}
.iwc-arena-progress-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;color:#dbeafe;font-size:13px;font-weight:800;}
.iwc-arena-progress-top strong{font-size:16px;color:#fff;}
.iwc-arena-progress-note{margin-top:10px;text-align:center;color:rgba(255,255,255,.56);font-size:12px;font-weight:700;line-height:1.5;}
.iwc-modal-battle .iwc-progress-bar,.iwc-modal-result .iwc-progress-bar{background:rgba(255,255,255,.14);}
.iwc-modal-battle .iwc-progress-fill,.iwc-modal-result .iwc-progress-fill{background:linear-gradient(90deg,#60a5fa,#2563eb);box-shadow:0 0 24px rgba(96,165,250,.45);}
.iwc-arena-stage{position:relative;padding:28px;border-radius:32px;background:radial-gradient(circle at 50% 10%, rgba(59,130,246,.04), rgba(59,130,246,0) 32%), #0b1220;border:1px solid rgba(255,255,255,.08);overflow:hidden;}
.iwc-arena-noise{position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,0));pointer-events:none;}
.iwc-battle-dark{grid-template-columns:minmax(0,1fr) 120px minmax(0,1fr);gap:22px;align-items:center;position:relative;z-index:1;}
.iwc-modal-battle .iwc-item-card{background:#101826;border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 50px rgba(0,0,0,.34);}
.iwc-modal-battle .iwc-item-card:hover{border-color:rgba(96,165,250,.95);box-shadow:0 22px 64px rgba(37,99,235,.25);}
.iwc-modal-battle .iwc-item-thumb{background:#111827;}
.iwc-modal-battle .iwc-item-body{background:#101826;}
.iwc-modal-battle .iwc-item-name{color:#fff;}
.iwc-modal-battle .iwc-item-extra{color:rgba(255,255,255,.68);}
.iwc-modal-battle .iwc-pick-hint{background:rgba(96,165,250,.16);color:#dbeafe;}
.iwc-vs-center .iwc-vs-badge{width:96px;height:96px;font-size:30px;background:linear-gradient(135deg,#111827,#2563eb);border:1px solid rgba(255,255,255,.14);}
.iwc-modal-battle .iwc-vs-sub{color:rgba(255,255,255,.62);font-size:12px;line-height:1.5;}
.iwc-modal-battle .iwc-battle-footer-tip{color:rgba(255,255,255,.58);}
.iwc-final-dark{max-width:1080px;margin:0 auto;gap:22px;color:#fff;}
.iwc-final-hero{text-align:center;display:flex;flex-direction:column;gap:14px;align-items:center;}
.iwc-final-badge{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 16px;border-radius:999px;background:rgba(250,204,21,.14);border:1px solid rgba(250,204,21,.28);color:#fde68a;font-size:12px;font-weight:900;letter-spacing:.12em;}
.iwc-modal-result .iwc-final-thumb{background:#101826;border:1px solid rgba(255,255,255,.12);box-shadow:0 28px 80px rgba(0,0,0,.4);}
.iwc-modal-result .iwc-final-title{color:#fff;}
.iwc-modal-result .iwc-final-sub{color:rgba(255,255,255,.7);}
.iwc-share-box-dark{background:#0f172a;border:1px solid rgba(255,255,255,.1);box-shadow:none;}
.iwc-modal-result .iwc-share-title{color:#fff;}
.iwc-modal-result .iwc-share-text{background:#020617;border:1px solid rgba(255,255,255,.1);color:#e5eefc;}
.iwc-modal-result .iwc-btn-ghost{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12);color:#fff;}
.iwc-rank-box-dark{background:#0f172a;border:1px solid rgba(255,255,255,.08);box-shadow:none;}
.iwc-rank-box-dark h3,.iwc-rank-box-dark .iwc-rank-name,.iwc-rank-box-dark .iwc-rank-item{color:#fff;}
.iwc-rank-box-dark .iwc-rank-item{border-color:rgba(255,255,255,.08);}
.iwc-rank-box-dark .iwc-rank-no{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.12);}
@media (max-width: 991px){
  .iwc-battle-dark{grid-template-columns:1fr;}
  .iwc-vs-center{order:2;}
  .iwc-arena-topmeta{grid-template-columns:1fr;}
}
@media (max-width: 680px){
  .iwc-modal .iwc-modal-box{width:100vw;max-width:100vw;height:100vh;max-height:100vh;}
  .iwc-modal-battle .iwc-modal-shell,.iwc-modal-result .iwc-modal-shell{min-height:100vh;padding:18px 10px 16px;}
  .iwc-arena-stage{padding:14px;}
  .iwc-arena-head h2{font-size:25px;}
  .iwc-arena-head{gap:12px;}
  .iwc-arena-meta-chip{min-height:64px;padding:12px 14px;}
  .iwc-arena-meta-chip strong{font-size:16px;}
  .iwc-arena-progress{padding:13px 14px 14px;}
  .iwc-vs-center .iwc-vs-badge{width:84px;height:84px;font-size:26px;}
}


/* =========================================
   VS 시네마형 화면 - 2026-03-14
   ========================================= */
.iwc-modal-battle .iwc-modal-shell{
  background:#000 !important;
  padding:0 !important;
  overflow:hidden !important;
}

.iwc-vs-cinema-wrap{
  width:100%;
  min-height:100dvh;
  background:#000;
  color:#fff;
  display:flex;
  flex-direction:column;
  overflow:hidden;
}

.iwc-vs-topline{
  position:relative;
  z-index:20;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:24px;
  min-height:58px;
  padding:4px 18px 8px;
  background:#000;
  color:#fff;
  text-align:center;
}

.iwc-vs-top-title,
.iwc-vs-top-status{
  color:#fff;
  font-size:34px;
  font-weight:400;
  line-height:1.1;
  letter-spacing:-.03em;
  white-space:nowrap;
}

.iwc-vs-canvas{
  position:relative;
  flex:1 1 auto;
  width:100%;
  min-height:0;
  background:#111;
  overflow:hidden;
}

.iwc-vs-side{
  position:absolute !important;
  top:50%;
  width:50%;
  padding:0;
  margin:0;
  border:0;
  background:transparent !important;
  border-radius:0 !important;
  box-shadow:none !important;
  cursor:pointer;
  overflow:visible;
  appearance:none;
  -webkit-appearance:none;
}

.iwc-vs-side-left{
  left:0;
  transform:translateY(-50%);
}

.iwc-vs-side-right{
  left:50%;
  transform:translateY(-50%);
}

.iwc-vs-side-inner{
  display:block;
  width:100%;
}

.iwc-vs-side img,
.iwc-vs-side .iwc-noimg{
  display:block;
  width:100%;
  height:auto;
  max-width:100%;
}

.iwc-vs-side .iwc-noimg{
  min-height:320px;
  background:#111827;
}

.iwc-vs-center-badge{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  z-index:15;
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:190px;
  height:130px;
  padding:0 20px;
  font-size:100px;
  font-weight:900;
  line-height:1;
  color:#fff;
  -webkit-text-stroke:8px #f59e0b;
  text-shadow:0 8px 24px rgba(0,0,0,.45),0 2px 0 rgba(0,0,0,.18);
  pointer-events:none;
}

/* =========================
   VS 이름 위치 조정
   ========================= */
.iwc-vs-name{
  position:absolute;
  z-index:16;
  width:100%;
  max-width:100%;
  color:#e5e7eb;
  font-size:24px;
  line-height:1.25;
  text-shadow:
    0 2px 8px rgba(0,0,0,.9),
    0 0 2px rgba(0,0,0,.9);
  pointer-events:none;
  word-break:keep-all;
  white-space:normal;
}

.iwc-vs-name-left{
  left:18%;
  top:71%;
  transform:translateX(0);
  text-align:right;
}

.iwc-vs-name-right{
  right:18%;
  left:auto;
  top:71%;
  transform:translateX(0);
  text-align:left;
}

.iwc-vs-side:hover img{
  filter:brightness(1.05);
}

@media (max-width:1280px){
  .iwc-vs-top-title,
  .iwc-vs-top-status{
    font-size:28px;
  }

  .iwc-vs-center-badge{
    min-width:150px;
    height:102px;
    padding:0 22px;
    font-size:42px;
    letter-spacing:.2em;
  }

  .iwc-vs-name{
    font-size:20px;
    max-width:36%;
  }
}

@media (max-width:900px){
  .iwc-vs-topline{
    gap:16px;
    padding:8px 12px;
  }

  .iwc-vs-top-title,
  .iwc-vs-top-status{
    font-size:22px;
  }

  .iwc-vs-center-badge{
    min-width:122px;
    height:86px;
    padding:0 18px;
    font-size:34px;
    letter-spacing:.18em;
    border-radius:18px;
  }

  .iwc-vs-name{
    top:72%;
    font-size:16px;
    max-width:40%;
  }
}

@media (max-width:680px){
  .iwc-vs-cinema-wrap{
    min-height:100dvh;
  }

  .iwc-vs-topline{
    flex-direction:column;
    gap:6px;
    min-height:auto;
    padding:10px 12px 8px;
  }

  .iwc-vs-top-title,
  .iwc-vs-top-status{
    font-size:18px;
    white-space:normal;
  }

  .iwc-vs-side{
    width:50%;
  }

  .iwc-vs-center-badge{
    min-width:94px;
    height:64px;
    padding:0 12px;
    font-size:24px;
    letter-spacing:.16em;
    border-radius:14px;
  }

  .iwc-vs-name{
    top:73%;
    font-size:13px;
    max-width:42%;
  }

  .iwc-vs-name-left{
    left:22%;
  }

  .iwc-vs-name-right{
    left:78%;
  }
}

/* =========================
   VS 시네마 화면 최종 보정
   ========================= */

.iwc-vs-cinema-wrap{
  position:relative;
  width:100%;
  min-height:100dvh;
  background:#000;
  overflow:hidden;
}

.iwc-cinema-close{
  position:absolute;
  top:10px;
  right:10px;
  z-index:50;
  width:48px;
  height:48px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:50%;
  background:rgba(255,255,255,.08);
  color:#fff;
  font-size:34px;
  line-height:1;
  cursor:pointer;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}

.iwc-vs-topline{
  position:relative;
  z-index:20;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:22px;
  min-height:58px;
  padding:4px 70px 8px 16px;
  background:#000;
  color:#fff;
  text-align:center;
}

.iwc-vs-top-title,
.iwc-vs-top-status{
  font-size:34px;
  line-height:1.1;
  color:#fff;
  white-space:nowrap;
}

.iwc-vs-canvas{
  position:relative;
  width:100%;
  height:calc(100dvh - 58px);
  overflow:hidden;
  background:#111;
}

/* 버튼 기본 */
.iwc-vs-side{
  position:absolute;
  top:50%;
  width:50%;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  background:transparent !important;
  border-radius:0 !important;
  appearance:none;
  -webkit-appearance:none;
  line-height:0;
  font-size:0;
  overflow:visible;
  z-index:5;
}

.iwc-vs-side-left{
  left:0;
  transform:translateY(-50%) !important;
}

.iwc-vs-side-right{
  left:50%;
  transform:translateY(-50%) !important;
}

.iwc-vs-side:hover,
.iwc-vs-side:focus,
.iwc-vs-side:active,
.iwc-vs-side.iwc-item-card:hover{
  transform:translateY(-50%) !important;
  box-shadow:none !important;
}

.iwc-vs-side-inner{
  display:flex;
  width:100%;
  height:100%;
}

/* 왼쪽은 VS쪽 정렬, 오른쪽도 VS쪽 정렬 */
.iwc-vs-side-left .iwc-vs-side-inner{
  justify-content:flex-end;
  align-items:center;
}

.iwc-vs-side-right .iwc-vs-side-inner{
  justify-content:flex-start;
  align-items:center;
}

/* 기본 이미지 */
.iwc-vs-side img{
  display:block;
  margin:0;
  vertical-align:top;
  transform:none !important;
  transition:none !important;
  filter:none !important;
  user-select:none;
  -webkit-user-drag:none;
}

/* 가로형: 폭 50% 영역 가득 */
.iwc-vs-side.is-land img{
  width:99%;
  height:auto;
  max-width:99%;
  max-height:none;
}

/* 세로형: 높이 100%로, VS쪽에 딱 붙게 */
.iwc-vs-side.is-port{
  height:99%;
}

.iwc-vs-side.is-port img{
  width:auto;
  height:99%;
  max-height:99%;
  max-width:none;
}

/* VS - e스포츠 토너먼트형 */
.iwc-vs-center-badge{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  z-index:15;
  min-width:172px;
  height:118px;
  padding:0 26px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#f8fbff;
  font-size:48px;
  font-weight:1000;
  letter-spacing:.24em;
  line-height:1;
  border:1px solid rgba(125,211,252,.62);
  border-radius:22px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.02)),
    linear-gradient(135deg, rgba(7,12,24,.94) 0%, rgba(10,18,38,.96) 40%, rgba(8,43,88,.92) 100%);
  box-shadow:
    0 18px 40px rgba(2,6,23,.58),
    0 0 0 1px rgba(255,255,255,.05) inset,
    0 0 24px rgba(56,189,248,.28),
    0 0 52px rgba(37,99,235,.20);
  text-shadow:
    0 0 12px rgba(125,211,252,.36),
    0 2px 18px rgba(15,23,42,.72);
  clip-path:polygon(11% 0, 89% 0, 100% 22%, 100% 78%, 89% 100%, 11% 100%, 0 78%, 0 22%);
  pointer-events:none;
  overflow:hidden;
  isolation:isolate;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.iwc-vs-center-badge::before,
.iwc-vs-center-badge::after{
  content:"";
  position:absolute;
  inset:10px;
  border-radius:16px;
  pointer-events:none;
  clip-path:polygon(10% 0, 90% 0, 100% 22%, 100% 78%, 90% 100%, 10% 100%, 0 78%, 0 22%);
}
.iwc-vs-center-badge::before{
  inset:1px;
  background:
    linear-gradient(120deg, rgba(56,189,248,.24), rgba(56,189,248,0) 28%),
    linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,0) 34%),
    linear-gradient(135deg, rgba(2,6,23,.16), rgba(2,6,23,0));
  opacity:.95;
  z-index:-2;
}
.iwc-vs-center-badge::after{
  inset:12px;
  border:1px solid rgba(186,230,253,.20);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.03),
    0 0 22px rgba(56,189,248,.12);
  z-index:-1;
}

/* 이름을 VS 쪽으로 */
.iwc-vs-name{
  position:absolute;
  top:71%;
  z-index:16;
  max-width:100%;
  color:#e5e7eb;
  font-size:24px;
  line-height:1.25;
  text-align:center;
  text-shadow:0 2px 8px rgba(0,0,0,.9), 0 0 2px rgba(0,0,0,.9);
  pointer-events:none;
  word-break:keep-all;
}

.iwc-vs-name-left{
  left:34%;
  transform:translateX(-50%);
}

.iwc-vs-name-right{
  left:66%;
  transform:translateX(-50%);
}

@media (max-width: 900px){
  .iwc-vs-top-title,
  .iwc-vs-top-status{
    font-size:22px;
  }

  .iwc-vs-center-badge{
    min-width:122px;
    height:84px;
    padding:0 18px;
    font-size:34px;
    letter-spacing:.18em;
    border-radius:18px;
  }

  .iwc-vs-name{
    font-size:16px;
    max-width:32%;
  }
}

@media (max-width: 680px){
  .iwc-cinema-close{
    width:42px;
    height:42px;
    font-size:28px;
  }

  .iwc-vs-topline{
    flex-direction:column;
    gap:6px;
    padding:8px 56px 8px 10px;
  }

  .iwc-vs-top-title,
  .iwc-vs-top-status{
    font-size:18px;
    white-space:normal;
  }

  .iwc-vs-canvas{
    height:calc(100dvh - 76px);
  }

  .iwc-vs-center-badge{
    min-width:90px;
    height:62px;
    padding:0 12px;
    font-size:24px;
    letter-spacing:.16em;
    border-radius:14px;
  }

  .iwc-vs-name{
    top:73%;
    font-size:13px;
    max-width:36%;
  }

  .iwc-vs-name-left{
    left:35%;
  }

  .iwc-vs-name-right{
    left:65%;
  }
}

/* =========================================
   2026-03 cinematic battle/result upgrade
   ========================================= */
.iwc-modal-battle .iwc-modal-shell,
.iwc-modal-result .iwc-modal-shell{ background:#000 !important; }

.iwc-vs-stage-glow,
.iwc-result-stage-glow{
  position:absolute;
  inset:auto 50% 2% 50%;
  width:42vw;
  height:42vw;
  max-width:680px;
  max-height:680px;
  transform:translateX(-50%);
  border-radius:50%;
  background:radial-gradient(circle, rgba(37,99,235,.28) 0%, rgba(37,99,235,.12) 26%, rgba(37,99,235,0) 72%);
  pointer-events:none;
  filter:blur(12px);
}
.iwc-vs-stage-glow{ z-index:1; }
.iwc-result-stage-glow{ z-index:0; top:10%; bottom:auto; }

.iwc-vs-enter-left,
.iwc-vs-enter-right,
.iwc-vs-enter-center,
.iwc-vs-name,
.iwc-vs-topline{ opacity:0; }
.iwc-vs-enter-left{ transform:translate(-42px,-50%) scale(.98) !important; }
.iwc-vs-enter-right{ transform:translate(42px,-50%) scale(.98) !important; }
.iwc-vs-enter-center{ transform:translate(-50%,-50%) scale(.72); }

.iwc-vs-cinema-wrap.is-ready .iwc-vs-topline,
.iwc-vs-cinema-wrap.is-ready .iwc-vs-name{
  opacity:1;
  transition:opacity .38s ease .12s, transform .38s ease .12s;
}
.iwc-vs-cinema-wrap.is-ready .iwc-vs-enter-left{
  opacity:1;
  transform:translateY(-50%) scale(1) !important;
  transition:transform .46s cubic-bezier(.2,.8,.2,1), opacity .32s ease;
}
.iwc-vs-cinema-wrap.is-ready .iwc-vs-enter-right{
  opacity:1;
  transform:translateY(-50%) scale(1) !important;
  transition:transform .46s cubic-bezier(.2,.8,.2,1), opacity .32s ease;
}
.iwc-vs-cinema-wrap.is-ready .iwc-vs-enter-center{
  opacity:1;
  transform:translate(-50%,-50%) scale(1);
  transition:transform .36s cubic-bezier(.2,.8,.2,1) .08s, opacity .28s ease .08s;
}

.iwc-vs-cinema-wrap.is-picking .iwc-vs-center-badge,
.iwc-vs-cinema-wrap.is-picking .iwc-vs-name,
.iwc-vs-cinema-wrap.is-picking .iwc-vs-topline{
  transition:opacity .28s ease, filter .28s ease;
}
.iwc-vs-cinema-wrap.is-picking .iwc-vs-center-badge{ opacity:.18; filter:blur(2px); }
.iwc-vs-side.is-disabled{ pointer-events:none; }

.iwc-vs-side.is-loser{
  opacity:0 !important;
  filter:grayscale(1) brightness(.36);
  transition:transform .62s cubic-bezier(.2,.8,.2,1), opacity .56s ease, filter .44s ease;
}
.iwc-vs-side-left.is-loser{ transform:translate(-28px,-50%) scale(.94) !important; }
.iwc-vs-side-right.is-loser{ transform:translate(28px,-50%) scale(.94) !important; }

.iwc-vs-side.is-winner{
  z-index:18;
  transition:transform .72s cubic-bezier(.2,.8,.2,1), opacity .3s ease, filter .3s ease;
  will-change:transform;
}
.iwc-vs-cinema-wrap.winner-left .iwc-vs-side-left.is-center-move,
.iwc-vs-cinema-wrap.winner-right .iwc-vs-side-right.is-center-move{
  left:50% !important;
  width:auto !important;
  max-width:72vw !important;
  transform:translate(-50%,-50%) scale(1.06) !important;
  z-index:22 !important;
}
.iwc-vs-cinema-wrap.winner-left .iwc-vs-side-left.is-center-move .iwc-vs-side-inner,
.iwc-vs-cinema-wrap.winner-right .iwc-vs-side-right.is-center-move .iwc-vs-side-inner{
  display:block !important;
  width:auto !important;
  height:auto !important;
}
.iwc-vs-cinema-wrap.winner-left .iwc-vs-side-left.is-center-move img,
.iwc-vs-cinema-wrap.winner-right .iwc-vs-side-right.is-center-move img{
  display:block;
  width:auto !important;
  max-width:72vw !important;
  height:auto !important;
  max-height:74vh !important;
  margin:0 auto !important;
}
.iwc-vs-cinema-wrap.winner-left .iwc-vs-side-left.is-center-move.is-land img,
.iwc-vs-cinema-wrap.winner-right .iwc-vs-side-right.is-center-move.is-land img{
  width:72vw !important;
  max-width:72vw !important;
  height:auto !important;
  max-height:74vh !important;
}
.iwc-vs-cinema-wrap.winner-left .iwc-vs-side-left.is-center-move.is-port img,
.iwc-vs-cinema-wrap.winner-right .iwc-vs-side-right.is-center-move.is-port img{
  width:auto !important;
  height:74vh !important;
  max-width:72vw !important;
}
.iwc-vs-side.is-winner img{ box-shadow:0 22px 64px rgba(0,0,0,.34); }

.iwc-result-cinematic{
  position:relative;
  min-height:100dvh;
  background:radial-gradient(circle at 50% 12%, rgba(37,99,235,.18), rgba(0,0,0,0) 26%), #000;
  overflow-y:auto;
  padding:32px 16px 28px;
}
.iwc-final-cinematic{
  position:relative;
  z-index:1;
  max-width:1080px;
  margin:0 auto;
  opacity:0;
  transform:translateY(20px) scale(.985);
}
.iwc-result-cinematic.is-show .iwc-final-cinematic{
  opacity:1;
  transform:translateY(0) scale(1);
  transition:transform .62s cubic-bezier(.2,.8,.2,1), opacity .42s ease;
}
.iwc-final-crown{
  margin-top:-6px;
  font-size:42px;
  opacity:0;
  transform:translateY(-10px) scale(.8);
}
.iwc-result-cinematic.is-show .iwc-final-crown{
  opacity:1;
  transform:translateY(0) scale(1);
  transition:transform .4s cubic-bezier(.2,.8,.2,1) .18s, opacity .3s ease .18s;
}
.iwc-result-zoom{ overflow:hidden; }
.iwc-result-zoom img{
  transform:scale(1.16);
  filter:saturate(.86) brightness(.84);
}
.iwc-result-cinematic.is-show .iwc-result-zoom img{
  transform:scale(1);
  filter:saturate(1) brightness(1);
  transition:transform .82s cubic-bezier(.2,.8,.2,1) .08s, filter .68s ease .08s;
}
.iwc-result-panel{ opacity:0; transform:translateY(16px); }
.iwc-result-cinematic.is-show .iwc-result-panel{
  opacity:1;
  transform:translateY(0);
  transition:transform .46s cubic-bezier(.2,.8,.2,1) .24s, opacity .34s ease .24s;
}

.iwc-modal-battle .iwc-vs-side:hover img{ filter:brightness(1.03); }

@media (max-width:900px){
  .iwc-vs-cinema-wrap.winner-left .iwc-vs-side-left.is-center-move,
  .iwc-vs-cinema-wrap.winner-right .iwc-vs-side-right.is-center-move{
    left:50% !important;
    max-width:88vw !important;
    transform:translate(-50%,-50%) scale(1.04) !important;
  }
  .iwc-vs-cinema-wrap.winner-left .iwc-vs-side-left.is-center-move img,
  .iwc-vs-cinema-wrap.winner-right .iwc-vs-side-right.is-center-move img{
    max-width:88vw !important;
    max-height:62vh !important;
  }
  .iwc-vs-cinema-wrap.winner-left .iwc-vs-side-left.is-center-move.is-land img,
  .iwc-vs-cinema-wrap.winner-right .iwc-vs-side-right.is-center-move.is-land img{
    width:88vw !important;
    max-width:88vw !important;
    max-height:62vh !important;
  }
  .iwc-vs-cinema-wrap.winner-left .iwc-vs-side-left.is-center-move.is-port img,
  .iwc-vs-cinema-wrap.winner-right .iwc-vs-side-right.is-center-move.is-port img{
    width:auto !important;
    height:62vh !important;
    max-width:88vw !important;
  }
  .iwc-result-cinematic{ padding:22px 10px 18px; }
}


/* 2026-03-14 winner focus tune */
.iwc-vs-name{
  transition:transform .72s cubic-bezier(.2,.8,.2,1), opacity .56s ease, filter .44s ease;
  will-change:transform, opacity;
}

.iwc-vs-name.is-loser-name{
  opacity:0 !important;
  filter:blur(4px);
  pointer-events:none;
}

.iwc-vs-name.is-winner-name{
  z-index:19;
}

.iwc-vs-name-left.is-loser-name{
  transform:translateX(-65%) scale(.96) !important;
}

.iwc-vs-name-right.is-loser-name{
  transform:translateX(-35%) scale(.96) !important;
}

.iwc-vs-cinema-wrap.winner-left .iwc-vs-name-left.is-center-move,
.iwc-vs-cinema-wrap.winner-right .iwc-vs-name-right.is-center-move{
  left:50% !important;
  top:78% !important;
  transform:translateX(-50%) scale(1.04) !important;
  max-width:60vw !important;
  text-align:center;
  z-index:23 !important;
}

.iwc-vs-cinema-wrap.is-picking .iwc-vs-topline{
  opacity:.78;
}


/* 2026-03-14 winner ghost center fix */
.iwc-vs-center-badge.is-hide-fast{
  opacity:0 !important;
  filter:blur(2px);
  transition:opacity .24s ease, filter .24s ease;
}

.iwc-vs-side.is-winner-source,
.iwc-vs-name.is-winner-source-name{
  opacity:0 !important;
}

.iwc-win-ghost-card{
  position:fixed;
  z-index:50050;
  pointer-events:none;
  overflow:visible;
  transform:translate3d(0,0,0);
  transition:left .82s cubic-bezier(.2,.8,.2,1), top .82s cubic-bezier(.2,.8,.2,1), opacity .28s ease;
}

.iwc-win-ghost-card .iwc-vs-side-inner{
  display:block;
  width:100%;
  height:100%;
}

.iwc-win-ghost-card img,
.iwc-win-ghost-card .iwc-noimg{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  box-shadow:0 24px 72px rgba(0,0,0,.36);
}

.iwc-win-ghost-name{
  position:fixed;
  z-index:50051;
  pointer-events:none;
  color:#e5e7eb;
  font-size:30px;
  line-height:1.25;
  text-align:center;
  text-shadow:0 2px 8px rgba(0,0,0,.9), 0 0 2px rgba(0,0,0,.9);
  transform:translate3d(0,0,0);
  transition:left .82s cubic-bezier(.2,.8,.2,1), top .82s cubic-bezier(.2,.8,.2,1), opacity .28s ease;
}

.iwc-win-ghost-card.is-settle{
  animation:iwcGhostPulse .56s ease;
}

@keyframes iwcGhostPulse{
  0%{ transform:translate3d(0,0,0) scale(1); }
  45%{ transform:translate3d(0,0,0) scale(1.018); }
  100%{ transform:translate3d(0,0,0) scale(1); }
}

/* keep original winner move disabled so size/side do not distort */
.iwc-vs-side.is-winner,
.iwc-vs-side.is-center-move,
.iwc-vs-name.is-winner-name,
.iwc-vs-name.is-center-move{
  transition:none !important;
}

.iwc-vs-cinema-wrap.winner-left .iwc-vs-side-left.is-center-move,
.iwc-vs-cinema-wrap.winner-right .iwc-vs-side-right.is-center-move,
.iwc-vs-cinema-wrap.winner-left .iwc-vs-name-left.is-center-move,
.iwc-vs-cinema-wrap.winner-right .iwc-vs-name-right.is-center-move{
  transform:none !important;
  left:auto !important;
  top:auto !important;
  max-width:none !important;
}

@media (max-width:900px){
  .iwc-win-ghost-name{
    font-size:20px;
    max-width:80vw;
  }
}

/* 승자 이름 중앙 정렬 */
.is-winner-source-name{
  left:50% !important;
  right:auto !important;
  transform:translateX(-50%) !important;
  text-align:center !important;
  width:100% !important;
  max-width:100% !important;
  z-index:26 !important;
  font-size:30px !important;
}

/* ===== v10 cleanup overrides ===== */
.iwc-modal-lobby .iwc-modal-box{
  width:min(1280px, calc(100vw - 40px)) !important;
  max-width:min(1280px, calc(100vw - 40px)) !important;
  height:auto !important;
  max-height:calc(100vh - 40px) !important;
  margin:0 auto !important;
  padding:28px !important;
  border-radius:28px !important;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(245,248,255,.96)) !important;
  overflow:auto !important;
}
.iwc-modal-lobby .iwc-modal-shell{min-height:auto !important;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(245,248,255,.96)) !important;padding:28px !important;}
.iwc-modal-lobby #iwcPlayArea{display:block !important;}
.iwc-modal-lobby .iwc-start-lobby{display:grid !important;grid-template-columns:minmax(280px,420px) minmax(0,1fr) !important;gap:26px !important;align-items:stretch !important;}
.iwc-modal-lobby .iwc-close{position:absolute;top:16px;right:16px;width:42px;height:42px;border-radius:50%;border:1px solid var(--iwc-line);background:#fff;color:var(--iwc-text-2);font-size:26px;line-height:1;cursor:pointer;}

.iwc-modal-battle .iwc-modal-box,
.iwc-modal-result .iwc-modal-box{width:100vw !important;max-width:100vw !important;height:100vh !important;max-height:100vh !important;border-radius:0 !important;padding:0 !important;}
.iwc-modal-battle .iwc-close,
.iwc-modal-result .iwc-close{display:none !important;}

.iwc-vs-name{position:absolute !important;bottom:20% !important;top:auto !important;max-width:78% !important;width:78% !important;font-size:24px !important;line-height:1.25 !important;z-index:6 !important;}
.iwc-vs-name-left{left:auto !important;right:4% !important;transform:none !important;text-align:right !important;}
.iwc-vs-name-right{left:4% !important;right:auto !important;transform:none !important;text-align:left !important;}

.iwc-win-ghost-card{position:fixed !important;z-index:50050 !important;pointer-events:none !important;overflow:visible !important;transform:translate3d(0,0,0);will-change:left, top, transform;}
.iwc-win-ghost-card .iwc-vs-side-inner{position:relative !important;display:flex !important;align-items:center !important;width:100% !important;height:100% !important;}
.iwc-win-ghost-card .iwc-vs-side-inner.is-centering{justify-content:center !important;}
.iwc-win-ghost-card img,.iwc-win-ghost-card .iwc-noimg{display:block !important;object-fit:fill !important;box-shadow:none !important;}
.iwc-win-ghost-card .iwc-vs-name{position:absolute !important;bottom:20% !important;top:auto !important;width:78% !important;max-width:78% !important;color:#fff !important;text-shadow:0 2px 8px rgba(0,0,0,.9),0 0 2px rgba(0,0,0,.9) !important;}
.iwc-win-ghost-card .iwc-vs-name.is-centering{left:50% !important;right:auto !important;transform:translateX(-50%) !important;text-align:center !important;}

@media (max-width:991px){
  .iwc-modal-lobby .iwc-start-lobby{grid-template-columns:1fr !important;}
}
@media (max-width:680px){
  .iwc-modal-lobby .iwc-modal-box{width:calc(100vw - 16px) !important;max-width:calc(100vw - 16px) !important;max-height:calc(100vh - 16px) !important;padding:20px 16px !important;border-radius:22px !important;}
  .iwc-modal-lobby .iwc-modal-shell{padding:20px 16px !important;}
  .iwc-vs-name{font-size:13px !important;width:86% !important;max-width:86% !important;}
}

/* ===== v10 fix: lobby close + winner ghost split ===== */
.iwc-modal-lobby .iwc-modal-box{
  overflow:visible !important;
}
.iwc-modal-lobby .iwc-close{
  z-index:120 !important;
  pointer-events:auto !important;
}
.iwc-modal-lobby #iwcPlayArea{
  position:relative;
  z-index:1;
}
.iwc-modal-lobby .iwc-start-lobby{
  position:relative;
  z-index:1;
}

/* battle ghost now uses separate image + name fixed layers */
.iwc-win-ghost-card{
  display:none !important;
}
.iwc-win-ghost-image{
  position:fixed !important;
  z-index:50050 !important;
  pointer-events:none !important;
  overflow:hidden !important;
  transform:translate3d(0,0,0);
  will-change:left, top, transform;
  box-shadow:0 24px 72px rgba(0,0,0,.36);
}
.iwc-win-ghost-image.is-animate{
  transition:
    left .82s cubic-bezier(.2,.8,.2,1),
    top .82s cubic-bezier(.2,.8,.2,1),
    transform .82s cubic-bezier(.2,.8,.2,1),
    opacity .28s ease;
}
.iwc-win-ghost-image.is-settle{
  transition:transform .25s ease;
}
.iwc-win-ghost-image img,
.iwc-win-ghost-image.iwc-noimg{
  width:100% !important;
  height:100% !important;
  display:block !important;
  object-fit:fill !important;
  box-shadow:none !important;
}

.iwc-win-ghost-name{
  position:fixed !important;
  z-index:50051 !important;
  width:auto !important;
  max-width:calc(100% - 230px) !important;
  padding:18px 22px !important;
  border-radius:24px !important;
  background:linear-gradient(180deg, rgba(4,8,18,.16), rgba(4,8,18,.78)) !important;
  border:1px solid rgba(191,219,254,.10) !important;
  box-shadow:0 18px 36px rgba(2,6,23,.32) !important;
  pointer-events:none !important;
  color:#fff !important;
  font-size:24px !important;
  font-weight:800;
  line-height:1.28 !important;
  letter-spacing:-.02em;
  text-shadow:0 2px 8px rgba(0,0,0,.9),0 0 2px rgba(0,0,0,.9);
  white-space:normal !important;
  word-break:keep-all !important;
  transition:transform .72s cubic-bezier(.2,.8,.2,1), opacity .56s ease, filter .44s ease;
  will-change:transform, opacity;
}
.iwc-win-ghost-name.is-centering{
  transition:
    left .82s cubic-bezier(.2,.8,.2,1),
    top .82s cubic-bezier(.2,.8,.2,1),
    opacity .28s ease;
}

/* make sure battle source names/images vanish cleanly only during pick */
.iwc-vs-side.is-winner-source,
.iwc-vs-name.is-winner-source-name{
  opacity:0 !important;
  visibility:hidden !important;
}

@media (max-width:900px){
  .iwc-win-ghost-name{
    font-size:20px !important;
    max-width:80vw !important;
  }
}

/* =========================
   VS 이름 가독성 업그레이드
   ========================= */
.iwc-vs-name{
  position:absolute;
  z-index:8;
  left:50%;
  transform:translateX(-50%);
  top:60%;

  width:74%;
  max-width:74%;
  padding:10px 14px;

  color:#fff;
  font-size:28px;
  font-weight:800;
  line-height:1.25;
  letter-spacing:-0.02em;
  text-align:center;
  word-break:keep-all;
  white-space:normal;

  text-shadow:
    0 2px 4px rgba(0,0,0,.95),
    0 6px 16px rgba(0,0,0,.85),
    0 0 1px rgba(0,0,0,.9);
    
  pointer-events:none;
}

/* 시작 상태는 이미지 기준 좌우 정렬 */
.iwc-vs-name-left{
  left:auto;
  right:4%;
  transform:none;
  text-align:right;
}

.iwc-vs-name-right{
  left:4%;
  right:auto;
  transform:none;
  text-align:left;
}

/* ghost 이름은 중앙 이동 시 더 또렷하게 */
.iwc-win-ghost-name{
  color:#fff;
  font-size:28px;
  font-weight:800;
  line-height:1.25;
  letter-spacing:-0.02em;
  padding:10px 14px;

  text-shadow:
    0 2px 4px rgba(0,0,0,.95),
    0 6px 16px rgba(0,0,0,.85),
    0 0 1px rgba(0,0,0,.9);
}

@media (max-width: 900px){
  .iwc-vs-name,
  .iwc-win-ghost-name{
    font-size:18px;
    width:84%;
    max-width:84%;
    padding:8px 10px;
    border-radius:12px;
  }
}

/* 2026-03-16 loser push hard override */
.iwc-vs-cinema-wrap.is-picking .iwc-vs-side.is-loser{
  will-change:transform, opacity, filter;
}
.iwc-vs-cinema-wrap.is-picking .iwc-vs-name.is-loser-name{
  will-change:transform, opacity, filter;
}

/* ===== 2026-03-17 lobby redesign: dark aurora edition ===== */
.iwc-modal-lobby{
  background:
    radial-gradient(circle at top left, rgba(99,102,241,.16), transparent 34%),
    radial-gradient(circle at top right, rgba(34,211,238,.12), transparent 28%),
    rgba(2,6,23,.84) !important;
  backdrop-filter:blur(20px);
}
.iwc-modal-lobby .iwc-modal-box{
  width:min(1120px, calc(100vw - 40px)) !important;
  max-width:min(1120px, calc(100vw - 40px)) !important;
  padding:0 !important;
  border-radius:32px !important;
  border:1px solid rgba(148,163,184,.20) !important;
  background:linear-gradient(180deg,#081120 0%,#0b1324 100%) !important;
  box-shadow:0 32px 90px rgba(0,0,0,.55), 0 0 0 1px rgba(255,255,255,.02) inset !important;
  overflow:auto !important;
}
.iwc-modal-lobby .iwc-modal-shell{
  position:relative;
  min-height:auto !important;
  padding:0 !important;
  border:none !important;
  background:linear-gradient(180deg,rgba(7,14,27,.96) 0%,rgba(10,18,33,.98) 100%) !important;
}
.iwc-modal-lobby .iwc-modal-shell::before{display:none !important;}
.iwc-modal-lobby .iwc-close{
  top:18px;
  right:18px;
  width:46px;
  height:46px;
  border-radius:16px;
  border:1px solid rgba(148,163,184,.20);
  background:rgba(15,23,42,.78);
  color:#e2e8f0;
  backdrop-filter:blur(12px);
  box-shadow:0 10px 30px rgba(0,0,0,.28);
}
.iwc-modal-lobby .iwc-close:hover{
  background:rgba(30,41,59,.95);
  color:#fff;
}
.iwc-start-lobby-v2{
  display:flex !important;
  flex-direction:column;
  gap:0 !important;
  min-width:0;
}
.iwc-start-cover-wrap{
  position:relative;
  padding:20px 20px 0;
}
.iwc-start-cover{
  min-height:300px;
  max-height:360px;
  border-radius:28px;
  border:1px solid rgba(148,163,184,.16);
  background:linear-gradient(135deg,#111c34,#0b1220);
  box-shadow:0 24px 70px rgba(0,0,0,.32);
}
.iwc-start-cover::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(2,6,23,.10) 0%,rgba(2,6,23,.26) 42%,rgba(2,6,23,.88) 100%);
}
.iwc-start-cover img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.iwc-start-cover-glow{
  height:55%;
  background:linear-gradient(180deg,rgba(15,23,42,0),rgba(3,7,18,.88));
  z-index:2;
}
.iwc-start-cover-overlay{
  position:absolute;
  left:28px;
  right:88px;
  bottom:26px;
  z-index:3;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.iwc-start-cover-overlay h2{
  margin:0;
  font-size:34px;
  line-height:1.15;
  font-weight:900;
  color:#fff;
  letter-spacing:-.03em;
  text-shadow:0 10px 30px rgba(0,0,0,.45);
}
.iwc-start-cover-empty{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:100%;
  color:#cbd5e1;
  font-size:14px;
  font-weight:900;
  letter-spacing:.22em;
}
.iwc-start-kicker{
  background:rgba(99,102,241,.18);
  color:#c7d2fe;
  border:1px solid rgba(129,140,248,.24);
  backdrop-filter:blur(10px);
}
.iwc-start-content{
  padding:24px 28px 28px;
  display:flex;
  flex-direction:column;
  gap:20px;
}
.iwc-start-headline{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);
  gap:16px;
  align-items:start;
}
.iwc-start-headcopy strong{
  display:block;
  margin-bottom:8px;
  color:#f8fafc;
  font-size:24px;
  font-weight:900;
  letter-spacing:-.03em;
}
.iwc-start-headcopy p,
.iwc-start-side p{
  margin:0;
  color:#94a3b8;
  line-height:1.75;
  font-size:15px;
}
.iwc-start-meta{
  justify-content:flex-end;
  gap:10px;
}
.iwc-start-meta span{
  min-height:40px;
  padding:0 14px;
  background:rgba(15,23,42,.78);
  border:1px solid rgba(148,163,184,.14);
  color:#e2e8f0;
  box-shadow:none;
}
.iwc-start-body-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) 280px;
  gap:16px;
  align-items:stretch;
}
.iwc-start-mode-box,
.iwc-start-guide-box{
  padding:20px;
  border-radius:24px;
  background:linear-gradient(180deg,rgba(15,23,42,.84),rgba(8,15,29,.9));
  border:1px solid rgba(148,163,184,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02), 0 14px 36px rgba(0,0,0,.24);
}
.iwc-start-mode-head strong,
.iwc-start-guide-title{
  color:#f8fafc;
  font-size:16px;
  font-weight:900;
}
.iwc-start-mode-head span{
  color:#94a3b8;
  font-weight:700;
}
.iwc-start-mode-grid .iwc-mode-row,
.iwc-start-mode-grid{
  grid-template-columns:repeat(auto-fit,minmax(120px,1fr));
}
.iwc-start-mode-grid .iwc-mode-btn{
  min-height:76px;
  border-radius:20px;
  border:1px solid rgba(148,163,184,.14);
  background:linear-gradient(180deg,#182438,#111a2b);
  color:#cbd5e1;
  box-shadow:none;
}
.iwc-start-mode-grid .iwc-mode-btn:hover{
  border-color:rgba(96,165,250,.48);
  color:#fff;
  transform:translateY(-1px);
}
.iwc-start-mode-grid .iwc-mode-btn.active{
  background:linear-gradient(135deg,#7c3aed,#2563eb);
  border-color:transparent;
  color:#fff;
  box-shadow:0 18px 30px rgba(79,70,229,.30);
}
.iwc-start-guide-list{
  list-style:none;
  margin:14px 0 0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:12px;
}
.iwc-start-guide-list li{
  display:grid;
  grid-template-columns:28px 1fr;
  gap:12px;
  align-items:start;
}
.iwc-start-guide-list em{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:28px;
  height:28px;
  border-radius:10px;
  background:linear-gradient(135deg,#7c3aed,#2563eb);
  color:#fff;
  font-style:normal;
  font-size:12px;
  font-weight:900;
}
.iwc-start-guide-list span{
  color:#94a3b8;
  line-height:1.65;
  font-size:14px;
}
.iwc-start-actions{
  gap:12px;
}
.iwc-start-actions .iwc-btn-ghost{
  background:#111827;
  border-color:rgba(148,163,184,.14);
  color:#e2e8f0;
}
.iwc-start-actions .iwc-btn-ghost:hover{
  background:#182235;
  border-color:rgba(148,163,184,.22);
}
.iwc-start-actions .iwc-btn-primary{
  background:linear-gradient(135deg,#7c3aed,#2563eb);
  box-shadow:0 18px 32px rgba(79,70,229,.34);
}
.iwc-start-actions .iwc-btn-primary:hover{
  box-shadow:0 22px 36px rgba(79,70,229,.38);
}
@media (max-width: 991px){
  .iwc-start-headline,
  .iwc-start-body-grid{
    grid-template-columns:1fr;
  }
  .iwc-start-meta{
    justify-content:flex-start;
  }
}
@media (max-width: 680px){
  .iwc-modal-lobby .iwc-modal-box{
    width:calc(100vw - 16px) !important;
    max-width:calc(100vw - 16px) !important;
    max-height:calc(100vh - 16px) !important;
    border-radius:24px !important;
  }
  .iwc-start-cover-wrap{padding:14px 14px 0;}
  .iwc-start-content{padding:18px 16px 16px;}
  .iwc-start-cover{min-height:220px;max-height:220px;border-radius:22px;}
  .iwc-start-cover-overlay{left:18px;right:68px;bottom:18px;}
  .iwc-start-cover-overlay h2{font-size:24px;}
  .iwc-start-headcopy strong{font-size:20px;}
  .iwc-start-mode-grid .iwc-mode-row,
  .iwc-start-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .iwc-start-mode-grid .iwc-mode-btn{min-height:64px;font-size:15px;}
  .iwc-start-actions{flex-direction:column;}
}


/* =========================================
   2026-03-17 battle unified dark tone
   ========================================= */
.iwc-modal-battle .iwc-modal-shell,
.iwc-modal-result .iwc-modal-shell{
  background:radial-gradient(circle at top, rgba(76,29,149,.16), rgba(15,23,42,0) 24%), #060816 !important;
}

.iwc-vs-cinema-wrap{
  background:
    radial-gradient(circle at 50% 0%, rgba(59,130,246,.04), rgba(59,130,246,0) 28%),
    radial-gradient(circle at 12% 12%, rgba(139,92,246,.10), rgba(139,92,246,0) 22%),
    linear-gradient(180deg, #070b17 0%, #090f1f 48%, #050812 100%);
}

.iwc-cinema-close{
  top:18px;
  right:18px;
  width:52px;
  height:52px;
  border:1px solid rgba(148,163,184,.22);
  background:rgba(15,23,42,.58);
  box-shadow:0 12px 28px rgba(2,6,23,.36);
}

.iwc-vs-topline{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:16px;
  min-height:auto;
  padding:26px 96px 14px 24px;
  background:linear-gradient(180deg, rgba(5,8,18,.96), rgba(5,8,18,.68));
  border-bottom:1px solid rgba(148,163,184,.10);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}

.iwc-vs-lobby-head{
  display:grid;
  grid-template-columns:112px minmax(0,1fr) auto;
  gap:18px;
  align-items:center;
}

.iwc-vs-lobby-thumb{
  position:relative;
  width:112px;
  height:112px;
  border-radius:24px;
  overflow:hidden;
  background:linear-gradient(135deg, rgba(30,41,59,.95), rgba(49,46,129,.92));
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 18px 40px rgba(2,6,23,.42);
}
.iwc-vs-lobby-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.iwc-vs-lobby-thumb-empty{
  display:flex;
  align-items:center;
  justify-content:center;
}
.iwc-vs-lobby-thumb-empty span{
  padding:0 14px;
  color:#dbeafe;
  font-size:12px;
  font-weight:900;
  letter-spacing:.18em;
  text-align:center;
}

.iwc-vs-lobby-meta{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:10px;
  text-align:left;
}

.iwc-vs-kicker{
  display:inline-flex;
  align-items:center;
  align-self:flex-start;
  min-height:30px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid rgba(96,165,250,.24);
  background:rgba(37,99,235,.12);
  color:#bfdbfe;
  font-size:11px;
  font-weight:900;
  letter-spacing:.18em;
}

.iwc-vs-top-title{
  font-size:32px;
  font-weight:900;
  line-height:1.08;
  letter-spacing:-.03em;
  white-space:normal;
}

.iwc-vs-top-status{
  color:#cbd5e1;
  font-size:15px;
  font-weight:700;
  white-space:normal;
}

.iwc-vs-hud-chip-wrap{
  display:flex;
  align-items:center;
  gap:12px;
  justify-content:flex-end;
}

.iwc-vs-hud-chip{
  min-width:150px;
  padding:14px 16px;
  border-radius:20px;
  border:1px solid rgba(148,163,184,.12);
  background:linear-gradient(180deg, rgba(15,23,42,.92), rgba(9,14,28,.84));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
  text-align:left;
}
.iwc-vs-hud-chip span{
  display:block;
  color:#94a3b8;
  font-size:11px;
  font-weight:800;
  letter-spacing:.12em;
  margin-bottom:6px;
}
.iwc-vs-hud-chip strong{
  display:block;
  color:#f8fafc;
  font-size:15px;
  font-weight:900;
  line-height:1.35;
}

.iwc-vs-progress{
  padding:14px 18px 16px;
  border-radius:22px;
  border:1px solid rgba(148,163,184,.12);
  background:rgba(8,13,26,.84);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
}
.iwc-vs-progress-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}
.iwc-vs-progress-top span{
  color:#93c5fd;
  font-size:11px;
  font-weight:900;
  letter-spacing:.16em;
}
.iwc-vs-progress-top strong{
  color:#fff;
  font-size:14px;
  font-weight:900;
}
.iwc-vs-progress-track{
  position:relative;
  height:10px;
  border-radius:999px;
  overflow:hidden;
  background:rgba(15,23,42,.96);
  box-shadow:inset 0 1px 2px rgba(0,0,0,.4);
}
.iwc-vs-progress-track span{
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg, #60a5fa 0%, #818cf8 50%, #a78bfa 100%);
  box-shadow:0 0 18px rgba(129,140,248,.45);
}

.iwc-vs-canvas{
  height:calc(100dvh - 222px);
  background:
    linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0)),
    radial-gradient(circle at 50% 18%, rgba(59,130,246,.08), rgba(59,130,246,0) 34%),
    linear-gradient(180deg, #090f1f 0%, #070c19 100%);
}

.iwc-vs-side-caption{
  position:absolute;
  top:24px;
  z-index:12;
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid rgba(148,163,184,.12);
  background:rgba(7,12,24,.72);
  color:#94a3b8;
  font-size:11px;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
  pointer-events:none;
}
.iwc-vs-side-caption-left{ left:28px; }
.iwc-vs-side-caption-right{ right:28px; }

.iwc-vs-center-badge{
  min-width:160px;
  height:110px;
  border:1px solid rgba(165,180,252,.42);
  background:
    linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.02)),
    linear-gradient(135deg, rgba(15,23,42,.96) 0%, rgba(30,41,59,.94) 45%, rgba(79,70,229,.86) 100%);
  box-shadow:0 20px 60px rgba(2,6,23,.52), 0 0 34px rgba(129,140,248,.24);
}

.iwc-vs-name{
  top:auto;
  bottom:22px;
  max-width:calc(100% - 44px);
  padding:16px 18px;
  border-radius:22px;
  background:linear-gradient(180deg, rgba(5,8,18,.10), rgba(5,8,18,.68));
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  border:1px solid rgba(148,163,184,.10);
  box-shadow:0 14px 32px rgba(2,6,23,.24);
  color:#f8fafc;
  font-size:22px;
  font-weight:900;
  line-height:1.35;
  text-shadow:none;
}
.iwc-vs-name-left{
  left:22px;
  right:22px;
  transform:none;
  text-align:left;
}
.iwc-vs-name-right{
  left:22px;
  right:22px;
  transform:none;
  text-align:right;
}

.iwc-vs-cinema-wrap.is-picking .iwc-vs-side-caption,
.iwc-vs-cinema-wrap.is-picking .iwc-vs-progress{
  opacity:.45;
  transition:opacity .28s ease;
}

.iwc-result-cinematic{
  background:
    radial-gradient(circle at top, rgba(139,92,246,.16), rgba(139,92,246,0) 24%),
    radial-gradient(circle at 50% 0%, rgba(59,130,246,.04), rgba(59,130,246,0) 28%),
    linear-gradient(180deg, #070b17 0%, #090f1f 50%, #050812 100%);
}

@media (max-width: 1180px){
  .iwc-vs-topline{ padding-right:82px; }
  .iwc-vs-lobby-head{ grid-template-columns:92px minmax(0,1fr); }
  .iwc-vs-hud-chip-wrap{ grid-column:1 / -1; justify-content:flex-start; }
  .iwc-vs-lobby-thumb{ width:92px; height:92px; border-radius:22px; }
  .iwc-vs-canvas{ height:calc(100dvh - 258px); }
}

@media (max-width: 900px){
  .iwc-vs-topline{
    padding:20px 74px 12px 16px;
    gap:14px;
  }
  .iwc-vs-lobby-head{ gap:14px; }
  .iwc-vs-top-title{ font-size:24px; }
  .iwc-vs-top-status{ font-size:14px; }
  .iwc-vs-hud-chip{ min-width:0; flex:1 1 0; }
  .iwc-vs-hud-chip-wrap{ width:100%; }
  .iwc-vs-canvas{ height:calc(100dvh - 252px); }
  .iwc-vs-side-caption{ top:18px; }
  .iwc-vs-side{ width:calc(50% - 18px); }
  .iwc-vs-side-left{ left:12px; }
  .iwc-vs-side-right{ right:12px; }
  .iwc-vs-name{ font-size:18px; padding:14px 15px; bottom:16px; }
}

@media (max-width: 680px){
  .iwc-cinema-close{ top:14px; right:14px; width:46px; height:46px; }
  .iwc-vs-topline{
    padding:16px 62px 12px 12px;
  }
  .iwc-vs-lobby-head{
    grid-template-columns:1fr;
    gap:12px;
  }
  .iwc-vs-lobby-thumb{
    width:100%;
    height:132px;
    border-radius:24px;
  }
  .iwc-vs-lobby-meta{ gap:8px; }
  .iwc-vs-top-title{ font-size:21px; }
  .iwc-vs-top-status{ font-size:13px; }
  .iwc-vs-hud-chip-wrap{ flex-direction:column; align-items:stretch; }
  .iwc-vs-progress{ padding:12px 14px 14px; }
  .iwc-vs-canvas{
    height:calc(100dvh - 356px);
    min-height:520px;
  }
  .iwc-vs-side-caption{ display:none; }
  .iwc-vs-center-badge{
    min-width:96px;
    height:68px;
    font-size:26px;
  }
  .iwc-vs-name{
    left:24px !important;
    right:24px !important;
    max-width:none;
    font-size:15px;
    bottom:12px;
    transform:none !important;
  }
  .iwc-vs-name-left,
  .iwc-vs-name-right{ text-align:left; }
  .iwc-vs-enter-left{ transform:translateY(-18px) scale(.98) !important; }
  .iwc-vs-enter-right{ transform:translateY(18px) scale(.98) !important; }
  .iwc-vs-cinema-wrap.is-ready .iwc-vs-enter-left,
  .iwc-vs-cinema-wrap.is-ready .iwc-vs-enter-right{ transform:none !important; }
}

/* =========================================
   2026-03-17 result unified dark finale
   ========================================= */
.iwc-result-finale{
  background:
    radial-gradient(circle at 50% 0%, rgba(76,29,149,.22), rgba(76,29,149,0) 30%),
    radial-gradient(circle at 50% 18%, rgba(37,99,235,.18), rgba(37,99,235,0) 36%),
    linear-gradient(180deg, #050816 0%, #09111f 46%, #070c16 100%);
}


.iwc-result-finale .iwc-result-stage-glow{
  top:4%;
  width:56vw;
  height:56vw;
  max-width:920px;
  max-height:920px;
  background:radial-gradient(circle, rgba(59,130,246,.18) 0%, rgba(76,29,149,.15) 24%, rgba(59,130,246,0) 70%);
  filter:blur(18px);
}

.iwc-result-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);
  gap:22px;
  align-items:stretch;
}

.iwc-result-podium-card{
  position:relative;
  border-radius:30px;
  border:1px solid rgba(255,255,255,.08);
  background:
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.02)),
    linear-gradient(135deg, rgba(9,14,28,.98) 0%, rgba(11,18,36,.96) 54%, rgba(15,23,42,.98) 100%);
  box-shadow:
    0 26px 80px rgba(2,6,23,.46),
    inset 0 1px 0 rgba(255,255,255,.06);
  padding:26px;
  overflow:hidden;
}

.iwc-result-podium-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg, rgba(96,165,250,.12), rgba(96,165,250,0) 42%, rgba(168,85,247,.12) 100%);
  pointer-events:none;
}

.iwc-result-podium-card-winner{
  min-height:640px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  text-align:center;
}

.iwc-result-podium-card-runner{
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  text-align:left;
}

.iwc-result-card-topline{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:16px;
}

.iwc-result-round-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:0 14px;
  border-radius:999px;
  background:rgba(96,165,250,.12);
  border:1px solid rgba(96,165,250,.28);
  color:#dbeafe;
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
}

.iwc-result-round-badge-dim{
  background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.1);
  color:rgba(255,255,255,.72);
}

.iwc-final-badge-silver{
  background:rgba(226,232,240,.12);
  border-color:rgba(226,232,240,.22);
  color:#e2e8f0;
}

.iwc-result-hero-thumb{
  position:relative;
  z-index:1;
  width:min(100%, 360px);
  aspect-ratio:4/5;
  border-radius:28px;
  overflow:hidden;
  background:#0b1220;
  margin:4px auto 18px;
  box-shadow:
    0 30px 90px rgba(2,6,23,.56),
    0 0 0 1px rgba(255,255,255,.06) inset;
}

.iwc-result-hero-thumb img,
.iwc-result-mini-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.iwc-result-mini-thumb{
  position:relative;
  z-index:1;
  width:100%;
  max-width:240px;
  aspect-ratio:4/5;
  border-radius:22px;
  overflow:hidden;
  background:#0b1220;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 18px 40px rgba(2,6,23,.36);
  margin:8px 0 18px;
}

.iwc-result-runner-title{
  position:relative;
  z-index:1;
  color:#f8fafc;
  font-size:28px;
  font-weight:800;
  line-height:1.18;
}

.iwc-result-runner-sub{
  position:relative;
  z-index:1;
  margin-top:8px;
  color:rgba(255,255,255,.64);
  font-size:15px;
  line-height:1.65;
}

.iwc-result-bottom-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) 320px;
  gap:22px;
  margin-top:22px;
}

.iwc-result-share-panel,
.iwc-result-action-panel,
.iwc-result-ranking{
  border-radius:28px;
  background:linear-gradient(180deg, rgba(15,23,42,.96), rgba(8,13,25,.98));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 18px 50px rgba(2,6,23,.32);
}

.iwc-result-section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  margin-bottom:14px;
}

.iwc-result-section-head strong{
  color:#f8fbff;
  font-size:18px;
  font-weight:800;
}

.iwc-result-section-head span{
  color:rgba(255,255,255,.52);
  font-size:13px;
}

.iwc-result-action-panel{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:18px;
}

.iwc-result-action-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
  width:100%;
}

.iwc-result-action-grid .iwc-btn,
.iwc-result-action-grid .iwc-btn-ghost,
.iwc-share-copy .iwc-btn,
.iwc-share-copy .iwc-btn-ghost{
  width:100%;
  justify-content:center;
}

.iwc-share-copy{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}

.iwc-result-ranking{
  margin-top:22px;
}

.iwc-rank-meta-dark{
  color:rgba(255,255,255,.72);
  font-size:13px;
  font-weight:700;
}

.iwc-result-podium-card .iwc-final-title{
  position:relative;
  z-index:1;
  margin-top:4px;
  font-size:38px;
  font-weight:900;
  line-height:1.1;
  letter-spacing:-.03em;
}

.iwc-result-podium-card .iwc-final-sub{
  position:relative;
  z-index:1;
  margin-top:10px;
  color:rgba(255,255,255,.68);
  font-size:16px;
}

.iwc-result-podium-card .iwc-final-crown{
  position:relative;
  z-index:1;
  margin:2px 0 10px;
  font-size:48px;
}

@media (max-width: 980px){
  .iwc-result-hero-grid,
  .iwc-result-bottom-grid{
    grid-template-columns:1fr;
  }

  .iwc-result-podium-card-winner{
    min-height:auto;
  }

  .iwc-result-podium-card-runner{
    text-align:center;
    align-items:center;
  }

  .iwc-result-mini-thumb{
    margin-left:auto;
    margin-right:auto;
  }
}

@media (max-width: 680px){
  .iwc-result-finale{
    padding:20px 10px 18px;
  }

  .iwc-result-podium-card,
  .iwc-result-share-panel,
  .iwc-result-action-panel,
  .iwc-result-ranking{
    border-radius:22px;
    padding:18px;
  }

  .iwc-result-card-topline,
  .iwc-result-section-head,
  .iwc-share-copy{
    grid-template-columns:1fr;
    flex-direction:column;
    align-items:flex-start;
  }

  .iwc-share-copy{
    display:grid;
  }

  .iwc-result-podium-card .iwc-final-title{
    font-size:28px;
  }

  .iwc-result-runner-title{
    font-size:22px;
  }
}

/* ===== 2026-03-17 lobby thumb top hotfix ===== */
.iwc-modal-lobby .iwc-start-lobby.iwc-start-lobby-v2{
  display:flex !important;
  flex-direction:column !important;
  grid-template-columns:1fr !important;
  gap:0 !important;
  align-items:center !important;
}
.iwc-modal-lobby .iwc-start-lobby.iwc-start-lobby-v2 > .iwc-start-cover-wrap,
.iwc-modal-lobby .iwc-start-lobby.iwc-start-lobby-v2 > .iwc-start-content{
  width:100% !important;
  max-width:100% !important;
}
.iwc-modal-lobby .iwc-start-lobby.iwc-start-lobby-v2 > .iwc-start-cover-wrap{
  order:1 !important;
}
.iwc-modal-lobby .iwc-start-lobby.iwc-start-lobby-v2 > .iwc-start-content{
  order:2 !important;
}
.iwc-modal-lobby .iwc-start-lobby.iwc-start-lobby-v2 .iwc-start-cover{
  min-height:260px !important;
  max-height:320px !important;
}
@media (max-width: 680px){
  .iwc-modal-lobby .iwc-start-lobby.iwc-start-lobby-v2 .iwc-start-cover{
    min-height:220px !important;
    max-height:220px !important;
  }
}

/* ===== 2026-03-17 lobby meta polish ===== */
.iwc-modal-lobby .iwc-start-lobby.iwc-start-lobby-v2 .iwc-start-content{
  gap:22px;
}
.iwc-modal-lobby .iwc-start-lobby.iwc-start-lobby-v2 .iwc-start-headline{
  grid-template-columns:minmax(0,1fr) auto;
  align-items:start;
  gap:18px;
}
.iwc-modal-lobby .iwc-start-lobby.iwc-start-lobby-v2 .iwc-start-headcopy{
  min-width:0;
}
.iwc-modal-lobby .iwc-start-lobby.iwc-start-lobby-v2 .iwc-start-headcopy strong{
  margin-bottom:10px;
  line-height:1.28;
}
.iwc-modal-lobby .iwc-start-lobby.iwc-start-lobby-v2 .iwc-start-meta{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  align-items:center;
  gap:10px;
  align-self:start;
  max-width:430px;
}
.iwc-modal-lobby .iwc-start-lobby.iwc-start-lobby-v2 .iwc-start-meta .iwc-start-meta-pill{
  display:inline-flex;
  align-items:center;
  min-height:42px;
  padding:0 15px;
  border-radius:999px;
  background:rgba(10,18,36,.82);
  border:1px solid rgba(120,140,255,.18);
  color:#dbe7ff;
  font-size:14px;
  font-weight:800;
  letter-spacing:-.01em;
  white-space:nowrap;
  box-shadow:0 8px 26px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.03);
}
.iwc-modal-lobby .iwc-start-lobby.iwc-start-lobby-v2 .iwc-start-meta .iwc-start-meta-pill-main{
  background:linear-gradient(135deg, rgba(109,76,255,.26), rgba(45,114,255,.24));
  border-color:rgba(124,92,255,.34);
  color:#f8fbff;
  box-shadow:0 14px 34px rgba(58,92,255,.18), inset 0 1px 0 rgba(255,255,255,.08);
}
@media (max-width: 980px){
  .iwc-modal-lobby .iwc-start-lobby.iwc-start-lobby-v2 .iwc-start-headline{
    grid-template-columns:1fr;
  }
  .iwc-modal-lobby .iwc-start-lobby.iwc-start-lobby-v2 .iwc-start-meta{
    justify-content:flex-start;
    max-width:none;
  }
}
@media (max-width: 680px){
  .iwc-modal-lobby .iwc-start-lobby.iwc-start-lobby-v2 .iwc-start-meta{
    gap:8px;
  }
  .iwc-modal-lobby .iwc-start-lobby.iwc-start-lobby-v2 .iwc-start-meta .iwc-start-meta-pill{
    min-height:38px;
    padding:0 12px;
    font-size:13px;
  }
}

/* =========================================================
   VS BADGE REDESIGN FINAL OVERRIDE
   ========================================================= */
.iwc-vs-center-badge{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  z-index:35;
  width:118px;
  height:118px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:visible;
  pointer-events:none;
  border:1px solid rgba(255,255,255,.12);
  background:
    radial-gradient(circle at 30% 28%, rgba(255,255,255,.18), transparent 24%),
    radial-gradient(circle at 70% 72%, rgba(96,165,250,.20), transparent 28%),
    linear-gradient(145deg, rgba(17,24,39,.98), rgba(7,12,24,.98));
  box-shadow:
    0 18px 40px rgba(2,6,23,.50),
    0 0 40px rgba(79,70,229,.18),
    inset 0 1px 0 rgba(255,255,255,.08),
    inset 0 -14px 28px rgba(0,0,0,.32);
  backdrop-filter:blur(10px);
  font-size:34px;
  line-height:1;
  font-weight:1000;
  letter-spacing:-.06em;
  color:#f8fbff;
  text-shadow:0 0 10px rgba(255,255,255,.18), 0 0 18px rgba(96,165,250,.18);
}
.iwc-vs-center-badge::before{
  content:"";
  position:absolute;
  inset:-10px;
  border-radius:50%;
  border:1px solid rgba(129,140,248,.24);
  background:conic-gradient(from 180deg, rgba(124,58,237,.28), rgba(59,130,246,.18), rgba(255,255,255,.06), rgba(124,58,237,.28));
  -webkit-mask:radial-gradient(circle, transparent 58%, #000 60%);
  mask:radial-gradient(circle, transparent 58%, #000 60%);
  opacity:.95;
  box-shadow:0 0 24px rgba(59,130,246,.16), 0 0 34px rgba(124,58,237,.14);
}
.iwc-vs-center-badge::after{
  content:"";
  position:absolute;
  inset:14px;
  border-radius:50%;
  background:
    radial-gradient(circle at 50% 35%, rgba(255,255,255,.12), transparent 34%),
    linear-gradient(180deg, rgba(67,56,202,.22), rgba(30,41,59,.08));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), inset 0 -8px 18px rgba(0,0,0,.28);
}
.iwc-vs-center-badge .iwc-vs-sub{
  position:absolute;
  top:16px;
  left:50%;
  transform:translateX(-50%);
  z-index:3;
  font-size:9px;
  font-weight:900;
  letter-spacing:.18em;
  color:rgba(191,219,254,.76);
  text-shadow:none;
  white-space:nowrap;
}
.iwc-vs-center-badge .iwc-vs-text{
  position:relative;
  z-index:3;
  display:inline-block;
  font-size:34px;
  line-height:1;
  font-weight:1000;
  letter-spacing:-.06em;
  color:#f8fbff;
  text-shadow:0 0 10px rgba(255,255,255,.18), 0 0 18px rgba(96,165,250,.18);
}
.iwc-vs-center-badge .iwc-vs-round{
  position:absolute;
  bottom:16px;
  left:50%;
  min-width:62px;
  max-width:84px;
  padding:3px 8px;
  border-radius:999px;
  transform:translateX(-50%);
  white-space:nowrap;
  text-align:center;
  color:#dbeafe;
  font-size:10px;
  line-height:1.1;
  font-weight:900;
  letter-spacing:-.02em;
  background:linear-gradient(180deg, rgba(59,130,246,.18), rgba(59,130,246,.06));
  border:1px solid rgba(147,197,253,.20);
  box-shadow:0 0 10px rgba(59,130,246,.14), inset 0 1px 0 rgba(255,255,255,.06);
  z-index:3;
}
@media (max-width: 991px){
  .iwc-vs-center-badge{ width:98px; height:98px; font-size:29px; }
  .iwc-vs-center-badge .iwc-vs-text{ font-size:29px; }
  .iwc-vs-center-badge .iwc-vs-sub{ top:14px; font-size:8px; }
}
@media (max-width: 680px){
  .iwc-vs-center-badge{ width:86px; height:86px; font-size:25px; }
  .iwc-vs-center-badge .iwc-vs-text{ font-size:25px; }
}


/* =========================================================
   VS BADGE HARD RESET FIX
   - 기존 여러 VS 규칙의 잔상을 전부 초기화
   ========================================================= */
.iwc-vs-canvas > .iwc-vs-center-badge{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  transform:translate(-50%,-50%) !important;
  z-index:60 !important;

  width:110px !important;
  min-width:110px !important;
  max-width:110px !important;
  height:110px !important;
  min-height:110px !important;
  max-height:110px !important;
  padding:0 !important;
  margin:0 !important;

  display:block !important;
  box-sizing:border-box !important;
  overflow:visible !important;
  pointer-events:none !important;

  border:1px solid rgba(255,255,255,.12) !important;
  border-radius:999px !important;
  clip-path:none !important;
  isolation:auto !important;

  background:
    radial-gradient(circle at 30% 28%, rgba(255,255,255,.16), transparent 24%),
    radial-gradient(circle at 72% 72%, rgba(96,165,250,.18), transparent 26%),
    linear-gradient(145deg, rgba(15,23,42,.98), rgba(5,10,20,.98)) !important;

  box-shadow:
    0 18px 42px rgba(2,6,23,.52),
    0 0 30px rgba(79,70,229,.18),
    inset 0 1px 0 rgba(255,255,255,.07),
    inset 0 -14px 24px rgba(0,0,0,.34) !important;

  color:transparent !important;
  font-size:0 !important;
  line-height:0 !important;
  font-weight:400 !important;
  letter-spacing:0 !important;
  text-shadow:none !important;
  -webkit-text-stroke:0 transparent !important;
  backdrop-filter:blur(10px) !important;
}

.iwc-vs-canvas > .iwc-vs-center-badge::before{
  content:"";
  position:absolute;
  inset:-9px;
  border:none !important;
  border-radius:999px;
  clip-path:none !important;
  background:conic-gradient(
    from 180deg,
    rgba(124,58,237,.28),
    rgba(59,130,246,.18),
    rgba(255,255,255,.06),
    rgba(124,58,237,.28)
  ) !important;
  -webkit-mask:radial-gradient(circle, transparent 59%, #000 61%);
  mask:radial-gradient(circle, transparent 59%, #000 61%);
  box-shadow:
    0 0 18px rgba(59,130,246,.14),
    0 0 28px rgba(124,58,237,.12) !important;
  opacity:.95;
}

.iwc-vs-canvas > .iwc-vs-center-badge::after{
  content:"";
  position:absolute;
  inset:12px;
  border:none !important;
  border-radius:999px;
  clip-path:none !important;
  background:
    radial-gradient(circle at 50% 32%, rgba(255,255,255,.10), transparent 32%),
    linear-gradient(180deg, rgba(67,56,202,.18), rgba(15,23,42,.04)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    inset 0 -8px 18px rgba(0,0,0,.28) !important;
}

.iwc-vs-canvas > .iwc-vs-center-badge .iwc-vs-sub,
.iwc-vs-canvas > .iwc-vs-center-badge .iwc-vs-text,
.iwc-vs-canvas > .iwc-vs-center-badge .iwc-vs-round{
  position:absolute !important;
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  box-sizing:border-box !important;
}

.iwc-vs-canvas > .iwc-vs-center-badge .iwc-vs-sub{
  top:17px !important;
  left:50% !important;
  transform:translateX(-50%) !important;
  z-index:3 !important;
  white-space:nowrap !important;
  color:rgba(191,219,254,.78) !important;
  font-size:9px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:.18em !important;
  text-shadow:none !important;
  -webkit-text-stroke:0 transparent !important;
}

.iwc-vs-canvas > .iwc-vs-center-badge .iwc-vs-text{
  left:50% !important;
  top:50% !important;
  transform:translate(-50%,-46%) !important;
  z-index:3 !important;
  white-space:nowrap !important;
  color:#f8fbff !important;
  font-size:34px !important;
  line-height:1 !important;
  font-weight:1000 !important;
  letter-spacing:-.08em !important;
  font-style:normal !important;
  writing-mode:horizontal-tb !important;
  text-orientation:mixed !important;
  text-transform:uppercase !important;
  text-shadow:
    0 0 10px rgba(255,255,255,.16),
    0 0 18px rgba(96,165,250,.14) !important;
  -webkit-text-stroke:0 transparent !important;
}

.iwc-vs-canvas > .iwc-vs-center-badge .iwc-vs-round{
  left:50% !important;
  bottom:14px !important;
  transform:translateX(-50%) !important;
  z-index:3 !important;
  min-width:62px !important;
  max-width:84px !important;
  padding:3px 8px !important;
  border-radius:999px !important;
  white-space:nowrap !important;
  text-align:center !important;
  color:#dbeafe !important;
  font-size:10px !important;
  line-height:1.1 !important;
  font-weight:900 !important;
  letter-spacing:-.02em !important;
  background:linear-gradient(180deg, rgba(59,130,246,.18), rgba(59,130,246,.06)) !important;
  border:1px solid rgba(147,197,253,.20) !important;
  box-shadow:
    0 0 10px rgba(59,130,246,.14),
    inset 0 1px 0 rgba(255,255,255,.06) !important;
}

.iwc-vs-cinema-wrap.is-ready .iwc-vs-enter-center{
  transform:translate(-50%,-50%) scale(1) !important;
}
.iwc-vs-enter-center{
  transform:translate(-50%,-50%) scale(.72) !important;
}

@media (max-width: 991px){
  .iwc-vs-canvas > .iwc-vs-center-badge{
    width:96px !important;
    min-width:96px !important;
    max-width:96px !important;
    height:96px !important;
    min-height:96px !important;
    max-height:96px !important;
  }
  .iwc-vs-canvas > .iwc-vs-center-badge .iwc-vs-sub{
    top:15px !important;
    font-size:8px !important;
  }
  .iwc-vs-canvas > .iwc-vs-center-badge .iwc-vs-text{
    font-size:29px !important;
  }
}

@media (max-width: 680px){
  .iwc-vs-canvas > .iwc-vs-center-badge{
    width:84px !important;
    min-width:84px !important;
    max-width:84px !important;
    height:84px !important;
    min-height:84px !important;
    max-height:84px !important;
  }
  .iwc-vs-canvas > .iwc-vs-center-badge .iwc-vs-sub{
    top:13px !important;
    font-size:7px !important;
  }
  .iwc-vs-canvas > .iwc-vs-center-badge .iwc-vs-text{
    font-size:24px !important;
  }
  .iwc-vs-canvas > .iwc-vs-center-badge .iwc-vs-round{
    bottom:11px !important;
    min-width:56px !important;
    max-width:78px !important;
    font-size:9px !important;
    padding:3px 7px !important;
  }
}

/* =========================================================
   VS CENTER LINE ADDON
   ========================================================= */
.iwc-vs-canvas::before{
  content:"";
  position:absolute;
  left:50%;
  top:0;
  bottom:0;
  width:2px;
  transform:translateX(-50%);
  z-index:5;
  pointer-events:none;
  background:linear-gradient(180deg,
    rgba(255,255,255,.10) 0%,
    rgba(180,210,255,.55) 14%,
    rgba(120,170,255,.95) 50%,
    rgba(180,210,255,.55) 86%,
    rgba(255,255,255,.10) 100%);
  box-shadow:
    0 0 0 1px rgba(255,255,255,.06),
    0 0 10px rgba(90,140,255,.24),
    0 0 22px rgba(90,140,255,.18);
  opacity:1;
}

.iwc-vs-canvas::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:18px;
  height:78%;
  transform:translate(-50%,-50%);
  z-index:4;
  pointer-events:none;
  background:linear-gradient(180deg,
    rgba(59,130,246,0) 0%,
    rgba(59,130,246,.04) 18%,
    rgba(99,102,241,.28) 50%,
    rgba(59,130,246,.04) 82%,
    rgba(59,130,246,0) 100%);
  filter:blur(16px);
  opacity:.9;
}

.iwc-vs-canvas > .iwc-vs-center-badge{
  z-index:4 !important;
}

.iwc-vs-stage-glow,
.iwc-vs-side,
.iwc-vs-side-caption{
  position:relative;
  z-index:3;
}

.iwc-vs-canvas > .iwc-vs-center-badge{
  z-index:6 !important;
}

@media (max-width: 991px){
  .iwc-vs-canvas::before{
    width:7px;
    top:14px;
    bottom:14px;
  }
  .iwc-vs-canvas::after{
    width:28px;
    height:68%;
  }
}

@media (max-width: 680px){
  .iwc-vs-canvas::before{
    width:6px;
    top:12px;
    bottom:12px;
  }
  .iwc-vs-canvas::after{
    width:22px;
    height:62%;
    filter:blur(12px);
  }
}

/* =========================================================
   VS HUD PREMIUM FINAL OVERRIDE
   - 실제 구조 기준
   - 썸네일 212px
   - 상단 HUD 프리미엄 정리
   ========================================================= */

.iwc-vs-topline{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:18px;
  min-height:auto;
  padding:24px 96px 18px 24px;
  background:
    radial-gradient(circle at 12% 0%, rgba(59,130,246,.10), transparent 34%),
    radial-gradient(circle at 100% 0%, rgba(139,92,246,.10), transparent 30%),
    linear-gradient(180deg, rgba(6,10,22,.98), rgba(7,12,24,.88));
  border-bottom:1px solid rgba(148,163,184,.10);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    inset 0 -1px 0 rgba(255,255,255,.02);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}

/* 상단 한 줄 전체 */
.iwc-vs-lobby-head{
  display:grid;
  grid-template-columns:212px minmax(0, 1fr) auto;
  gap:20px;
  align-items:center;
  min-width:0;
}

/* 썸네일 212 고정 */
.iwc-vs-lobby-thumb{
  position:relative;
  width:212px !important;
  min-width:212px !important;
  max-width:212px !important;
  height:118px;
  border-radius:22px;
  overflow:hidden;
  background:
    linear-gradient(135deg, rgba(15,23,42,.96), rgba(49,46,129,.92));
  border:1px solid rgba(255,255,255,.10);
  box-shadow:
    0 18px 36px rgba(2,6,23,.38),
    inset 0 1px 0 rgba(255,255,255,.04);
}

.iwc-vs-lobby-thumb img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

.iwc-vs-lobby-thumb::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(2,6,23,.06), rgba(2,6,23,.30));
  pointer-events:none;
}

.iwc-vs-lobby-thumb-empty{
  display:flex;
  align-items:center;
  justify-content:center;
}

.iwc-vs-lobby-thumb-empty span{
  padding:0 14px;
  color:#dbeafe;
  font-size:12px;
  font-weight:900;
  letter-spacing:.16em;
  text-align:center;
}

/* 중앙 타이틀 영역 */
.iwc-vs-lobby-meta{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:10px;
  text-align:left;
}

.iwc-vs-kicker{
  display:inline-flex;
  align-items:center;
  align-self:flex-start;
  min-height:30px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid rgba(96,165,250,.22);
  background:
    linear-gradient(180deg, rgba(37,99,235,.16), rgba(37,99,235,.08));
  color:#bfdbfe;
  font-size:11px;
  font-weight:900;
  letter-spacing:.18em;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 8px 18px rgba(2,6,23,.18);
}

.iwc-vs-top-title{
  margin:0;
  font-size:30px;
  font-weight:950;
  line-height:1.06;
  letter-spacing:-.04em;
  color:#f8fbff;
  white-space:normal;
  text-shadow:0 2px 12px rgba(0,0,0,.18);
}

.iwc-vs-top-status{
  color:rgba(219,234,254,.78);
  font-size:14px;
  font-weight:700;
  line-height:1.55;
  white-space:normal;
}

/* 우측 HUD 칩 영역 */
.iwc-vs-hud-chip-wrap{
  display:flex;
  align-items:stretch;
  justify-content:flex-end;
  gap:12px;
}

.iwc-vs-hud-chip{
  position:relative;
  min-width:168px;
  padding:14px 16px 15px;
  border-radius:20px;
  border:1px solid rgba(148,163,184,.12);
  background:
    linear-gradient(180deg, rgba(18,27,51,.94), rgba(9,14,28,.92));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 12px 24px rgba(2,6,23,.24);
  text-align:left;
  overflow:hidden;
}

.iwc-vs-hud-chip::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(135deg, rgba(99,102,241,.10), transparent 55%);
  pointer-events:none;
}

.iwc-vs-hud-chip span{
  display:block;
  color:#93c5fd;
  font-size:10px;
  font-weight:900;
  letter-spacing:.18em;
  margin-bottom:7px;
  text-transform:uppercase;
}

.iwc-vs-hud-chip strong{
  display:block;
  color:#ffffff;
  font-size:15px;
  font-weight:900;
  line-height:1.35;
  letter-spacing:-.01em;
}

/* 하단 진행 카드 */
.iwc-vs-progress{
  position:relative;
  padding:16px 18px 18px;
  border-radius:22px;
  border:1px solid rgba(148,163,184,.12);
  background:
    linear-gradient(180deg, rgba(10,16,31,.92), rgba(8,13,26,.86));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    0 10px 20px rgba(2,6,23,.16);
  overflow:hidden;
}

.iwc-vs-progress::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 15% 0%, rgba(59,130,246,.08), transparent 28%),
    radial-gradient(circle at 100% 0%, rgba(139,92,246,.08), transparent 24%);
  pointer-events:none;
}

.iwc-vs-progress-top{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}

.iwc-vs-progress-top span{
  color:#bfdbfe;
  font-size:10px;
  font-weight:900;
  letter-spacing:.20em;
  text-transform:uppercase;
}

.iwc-vs-progress-top strong{
  color:#fff;
  font-size:14px;
  font-weight:900;
  letter-spacing:-.01em;
}

.iwc-vs-progress-track{
  position:relative;
  z-index:1;
  height:12px;
  border-radius:999px;
  overflow:hidden;
  background:
    linear-gradient(180deg, rgba(15,23,42,.98), rgba(8,12,22,.96));
  box-shadow:
    inset 0 2px 4px rgba(0,0,0,.42),
    inset 0 1px 0 rgba(255,255,255,.03);
}

.iwc-vs-progress-track span{
  display:block;
  height:100%;
  border-radius:inherit;
  background:
    linear-gradient(90deg, #38bdf8 0%, #6366f1 48%, #8b5cf6 100%);
  box-shadow:
    0 0 16px rgba(99,102,241,.36),
    0 0 28px rgba(59,130,246,.20);
}

/* 닫기 버튼도 톤 통일 */
.iwc-cinema-close{
  top:18px;
  right:18px;
  width:50px;
  height:50px;
  border-radius:16px;
  border:1px solid rgba(148,163,184,.18);
  background:rgba(15,23,42,.62);
  color:#dbe7ff;
  box-shadow:
    0 12px 28px rgba(2,6,23,.34),
    inset 0 1px 0 rgba(255,255,255,.04);
  backdrop-filter:blur(12px);
}
.iwc-cinema-close:hover{
  background:rgba(20,30,55,.78);
  border-color:rgba(191,219,254,.18);
  color:#fff;
}

/* =========================================================
   Responsive
   ========================================================= */

@media (max-width: 1180px){
  .iwc-vs-topline{
    padding-right:82px;
  }

  .iwc-vs-lobby-head{
    grid-template-columns:212px minmax(0,1fr);
    gap:18px;
  }

  .iwc-vs-hud-chip-wrap{
    grid-column:1 / -1;
    justify-content:flex-start;
  }
}

@media (max-width: 900px){
  .iwc-vs-topline{
    padding:20px 74px 14px 16px;
    gap:14px;
  }

  .iwc-vs-lobby-head{
    grid-template-columns:180px minmax(0,1fr);
    gap:14px;
  }

  .iwc-vs-lobby-thumb{
    width:180px !important;
    min-width:180px !important;
    max-width:180px !important;
    height:106px;
    border-radius:20px;
  }

  .iwc-vs-top-title{
    font-size:24px;
  }

  .iwc-vs-top-status{
    font-size:13px;
  }

  .iwc-vs-hud-chip{
    min-width:0;
    flex:1 1 0;
  }

  .iwc-vs-hud-chip-wrap{
    width:100%;
  }
}

@media (max-width: 680px){
  .iwc-cinema-close{
    top:14px;
    right:14px;
    width:46px;
    height:46px;
  }

  .iwc-vs-topline{
    padding:16px 62px 12px 12px;
    gap:12px;
  }

  .iwc-vs-lobby-head{
    grid-template-columns:1fr;
    gap:12px;
  }

  .iwc-vs-lobby-thumb{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    height:136px;
    border-radius:22px;
  }

  .iwc-vs-lobby-meta{
    gap:8px;
  }

  .iwc-vs-top-title{
    font-size:21px;
  }

  .iwc-vs-top-status{
    font-size:13px;
  }

  .iwc-vs-hud-chip-wrap{
    flex-direction:column;
    align-items:stretch;
    width:100%;
  }

  .iwc-vs-hud-chip{
    width:100%;
    min-width:0;
  }

  .iwc-vs-progress{
    padding:13px 14px 15px;
    border-radius:18px;
  }
}

/* =========================================================
   VS CARD CAPTION + NAME PREMIUM OVERRIDE
   ========================================================= */

/* 좌우 상단 캡션 */
.iwc-vs-side-caption{
  position:absolute;
  top:18px;
  z-index:12;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid rgba(148,163,184,.16);
  background:
    linear-gradient(180deg, rgba(15,23,42,.74), rgba(8,12,22,.78));
  color:#dbeafe;
  font-size:11px;
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
  box-shadow:
    0 10px 24px rgba(2,6,23,.28),
    inset 0 1px 0 rgba(255,255,255,.04);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}

.iwc-vs-side-caption::before{
  content:"";
  display:block;
  width:7px;
  height:7px;
  margin-right:8px;
  border-radius:50%;
  background:linear-gradient(135deg, #8b5cf6, #3b82f6);
  box-shadow:
    0 0 8px rgba(99,102,241,.46),
    0 0 14px rgba(59,130,246,.24);
}

.iwc-vs-side-caption-left{
  left:18px;
}

.iwc-vs-side-caption-right{
  right:18px;
}

/* 카드 내부 정렬 */
.iwc-vs-side{
  position:relative;
  overflow:hidden;
}

.iwc-vs-side-inner{
  position:relative;
  display:block;
  width:100%;
  height:100%;
}

/* 하단 이름 박스 */
.iwc-vs-name{
  position:absolute; z-index:4 !important; bottom:28px !important; width:auto !important; max-width:calc(100% - 230px) !important;
  padding:18px 22px !important; border-radius:24px !important;
  background:linear-gradient(180deg, rgba(4,8,18,.16), rgba(4,8,18,.78)) !important;
  border:1px solid rgba(191,219,254,.10) !important; box-shadow:0 18px 36px rgba(2,6,23,.32) !important;
  color:#fff !important; font-size:24px !important; font-weight:800; line-height:1.28 !important; letter-spacing:-.02em;
  word-break:keep-all; white-space:normal; pointer-events:none;
  text-shadow:0 2px 8px rgba(0,0,0,.9),0 0 2px rgba(0,0,0,.9);
  transition:transform .72s cubic-bezier(.2,.8,.2,1), opacity .56s ease, filter .44s ease;
  will-change:transform, opacity;
}

/* 긴 이름 대응 */
.iwc-vs-name-left,
.iwc-vs-name-right{
  white-space:normal;
}

/* 좌우에 미묘한 톤 차이 */
.iwc-vs-name-left{
  background:
    linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.05)),
    linear-gradient(180deg, rgba(18,32,68,.84), rgba(8,14,30,.92));
}

.iwc-vs-name-right{
  background:
    linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.05)),
    linear-gradient(180deg, rgba(30,24,60,.84), rgba(10,12,28,.92));
}

/* 호버 시 이름 박스도 같이 살아나는 느낌 */
.iwc-vs-side:hover .iwc-vs-name{
  border-color:rgba(191,219,254,.18);
  box-shadow:
    0 20px 40px rgba(2,6,23,.34),
    inset 0 1px 0 rgba(255,255,255,.12),
    inset 0 -8px 16px rgba(0,0,0,.24);
}

/* 모바일 */
@media (max-width: 991px){
  .iwc-vs-side-caption{
    top:14px;
    min-height:30px;
    padding:0 12px;
    font-size:10px;
  }

  .iwc-vs-side-caption-left{
    left:14px;
  }

  .iwc-vs-side-caption-right{
    right:14px;
  }

  .iwc-vs-name{
    left:14px;
    right:14px;
    bottom:14px;
    min-height:56px;
    padding:12px 14px;
    border-radius:18px;
    font-size:20px;
  }
}

@media (max-width: 680px){
  .iwc-vs-side-caption{
    top:12px;
    min-height:28px;
    padding:0 10px;
    font-size:9px;
    letter-spacing:.14em;
  }

  .iwc-vs-side-caption::before{
    width:6px;
    height:6px;
    margin-right:6px;
  }

  .iwc-vs-side-caption-left{
    left:12px;
  }

  .iwc-vs-side-caption-right{
    right:12px;
  }

  .iwc-vs-name{
    left:12px;
    right:12px;
    bottom:12px;
    min-height:50px;
    padding:10px 12px;
    border-radius:16px;
    font-size:17px;
    line-height:1.25;
  }
}

/* =========================================================
   VS CARD LIGHT FRAME (FINAL)
   ========================================================= */

/* 카드 기본 */
.iwc-vs-side{
  position:relative;
  border-radius:28px;
  overflow:hidden;
}

/* =========================
   외곽 라이트 프레임
   ========================= */
.iwc-vs-side::before{
  content:"";
  position:absolute;
  inset:-2px;
  border-radius:30px;
  z-index:2;
  pointer-events:none;

  background:
    linear-gradient(120deg,
      rgba(59,130,246,.45),
      rgba(124,58,237,.45),
      rgba(59,130,246,.45)
    );

  opacity:.22;

  filter:blur(6px);

  transition:opacity .2s ease, filter .2s ease;
}

/* 실제 얇은 라인 */
.iwc-vs-side::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:28px;
  z-index:3;
  pointer-events:none;

  border:1px solid rgba(148,163,184,.18);

  background:
    linear-gradient(135deg,
      rgba(255,255,255,.12),
      rgba(255,255,255,0) 30%,
      rgba(255,255,255,.06) 70%,
      rgba(255,255,255,0)
    );

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    inset 0 -2px 8px rgba(0,0,0,.4);
}

/* =========================
   내부 글로우 (이미지 위 은은한 빛)
   ========================= */
.iwc-vs-side-inner::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;

  background:
    radial-gradient(circle at 30% 20%, rgba(59,130,246,.14), transparent 40%),
    radial-gradient(circle at 70% 80%, rgba(124,58,237,.14), transparent 40%);

  opacity:.7;
}

/* =========================
   호버 시 (선택 전 긴장감)
   ========================= */
.iwc-vs-side:hover::before{
  opacity:.45;
  filter:blur(8px);
}

/* =========================
   선택(클릭) 시 강조 (추후 애니메이션 연결 가능)
   ========================= */
.iwc-vs-side.active::before{
  opacity:.8;
  filter:blur(10px);

  background:
    linear-gradient(120deg,
      rgba(59,130,246,.8),
      rgba(124,58,237,.8),
      rgba(59,130,246,.8)
    );
}

.iwc-vs-side.active::after{
  border-color:rgba(191,219,254,.45);
  box-shadow:
    0 0 20px rgba(59,130,246,.35),
    inset 0 1px 0 rgba(255,255,255,.18);
}

/* =========================
   좌/우 미묘한 색 차이 (고급 느낌)
   ========================= */
.iwc-vs-side-left::before{
  background:
    linear-gradient(120deg,
      rgba(59,130,246,.45),
      rgba(96,165,250,.35),
      rgba(59,130,246,.45)
    );
}

.iwc-vs-side-right::before{
  background:
    linear-gradient(120deg,
      rgba(124,58,237,.45),
      rgba(167,139,250,.35),
      rgba(124,58,237,.45)
    );
}

/* =========================
   모바일 최적화
   ========================= */
@media (max-width: 991px){
  .iwc-vs-side{
    border-radius:22px;
  }

  .iwc-vs-side::before{
    border-radius:24px;
  }

  .iwc-vs-side::after{
    border-radius:22px;
  }
}

@media (max-width: 680px){
  .iwc-vs-side{
    border-radius:18px;
  }

  .iwc-vs-side::before{
    border-radius:20px;
    filter:blur(5px);
  }

  .iwc-vs-side::after{
    border-radius:18px;
  }
}

/* =========================================
   2026-03-18 result winner + comments layout
   ========================================= */
.iwc-result-comment-finale{
  min-height:100%;
}

.iwc-result-comment-shell{
  position:relative;
  z-index:1;
  max-width:min(1680px, calc(100vw - 32px));
  margin:0 auto;
}

.iwc-result-comment-topbar{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  margin-bottom:18px;
}

.iwc-result-comment-kicker{
  color:#93c5fd;
  font-size:12px;
  font-weight:900;
  letter-spacing:.14em;
}

.iwc-result-comment-title{
  margin-top:8px;
  color:#f8fbff;
  font-size:clamp(28px, 3.6vw, 64px);
  font-weight:900;
  line-height:1.02;
  letter-spacing:-.04em;
}

.iwc-result-comment-top-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  justify-content:flex-end;
}

.iwc-result-comment-grid{
  display:grid;
  grid-template-columns:minmax(420px, .95fr) minmax(520px, 1.15fr);
  gap:22px;
  align-items:stretch;
}

.iwc-result-comment-winner{
  min-height:780px;
  justify-content:flex-start;
}

.iwc-result-comment-side{
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
  gap:16px;
  min-height:780px;
}

.iwc-result-comment-share{
  border-radius:26px;
}

.iwc-result-comments-wrap{
  border-radius:30px;
  background:linear-gradient(180deg, rgba(10,16,30,.96), rgba(7,11,21,.98));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 18px 50px rgba(2,6,23,.32);
  padding:14px;
  min-height:0;
  overflow:hidden;
}

.iwc-result-comments-wrap .iwc-comment-box{
  margin-top:0;
  min-height:100%;
  background:transparent;
  border:0;
  box-shadow:none;
  padding:0;
}

.iwc-result-comments-wrap .iwc-comment-box h3{
  color:#f8fbff;
  font-size:28px;
}

.iwc-result-comments-wrap .iwc-comment-box h3 span,
.iwc-result-comments-wrap .iwc-result-section-head span,
.iwc-result-comments-wrap .iwc-comment-head span,
.iwc-result-comments-wrap .iwc-comment-body,
.iwc-result-comments-wrap .iwc-empty{
  color:rgba(255,255,255,.68);
}

.iwc-result-comments-wrap .iwc-comment-write,
.iwc-result-comments-wrap .iwc-comment-item,
.iwc-result-comments-wrap .iwc-comment-edit-form,
.iwc-result-comments-wrap .iwc-reply-form{
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:none;
}

.iwc-result-comments-wrap .iwc-comment-write textarea,
.iwc-result-comments-wrap .iwc-reply-content,
.iwc-result-comments-wrap .iwc-comment-edit-content,
.iwc-result-comments-wrap .iwc-comment-nick,
.iwc-result-comments-wrap .iwc-comment-password{
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.1);
  color:#f8fbff;
}

.iwc-result-comments-wrap .iwc-comment-write textarea::placeholder,
.iwc-result-comments-wrap .iwc-reply-content::placeholder,
.iwc-result-comments-wrap .iwc-comment-edit-content::placeholder,
.iwc-result-comments-wrap .iwc-comment-nick::placeholder,
.iwc-result-comments-wrap .iwc-comment-password::placeholder{
  color:rgba(255,255,255,.4);
}

.iwc-result-comments-wrap .iwc-anon-check span,
.iwc-result-comments-wrap .iwc-comment-head strong,
.iwc-result-comments-wrap .iwc-comment-actions button,
.iwc-result-comments-wrap .iwc-comment-actions .iwc-btn-ghost{
  color:#e5eefc;
}

.iwc-result-comments-wrap .iwc-comment-list{
  max-height:calc(100dvh - 360px);
  overflow:auto;
  padding-right:6px;
}

.iwc-result-comments-wrap .iwc-comment-list::-webkit-scrollbar{
  width:10px;
}
.iwc-result-comments-wrap .iwc-comment-list::-webkit-scrollbar-thumb{
  background:rgba(148,163,184,.34);
  border-radius:999px;
}
.iwc-result-comments-wrap .iwc-comment-list::-webkit-scrollbar-track{
  background:rgba(255,255,255,.03);
}

.iwc-result-comment-loading,
.iwc-result-comment-empty{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:240px;
  color:rgba(255,255,255,.7);
  border-radius:22px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
}

@media (max-width: 1180px){
  .iwc-result-comment-grid{
    grid-template-columns:1fr;
  }

  .iwc-result-comment-side,
  .iwc-result-comment-winner{
    min-height:auto;
  }

  .iwc-result-comments-wrap .iwc-comment-list{
    max-height:none;
  }
}

@media (max-width: 780px){
  .iwc-result-comment-topbar{
    flex-direction:column;
    align-items:flex-start;
  }

  .iwc-result-comment-top-actions{
    width:100%;
  }

  .iwc-result-comment-top-actions .iwc-btn,
  .iwc-result-comment-top-actions .iwc-btn-ghost{
    width:100%;
    justify-content:center;
  }

  .iwc-result-comment-grid{
    grid-template-columns:1fr;
  }
}


/* =========================================
   2026-03-18 finale polish pack
   ========================================= */
.iwc-result-comment-shell{
  padding:18px;
  border-radius:34px;
  border:1px solid rgba(255,255,255,.08);
  background:
    radial-gradient(circle at top left, rgba(59,130,246,.14), transparent 32%),
    radial-gradient(circle at top right, rgba(168,85,247,.12), transparent 28%),
    linear-gradient(180deg, rgba(8,13,24,.94), rgba(5,8,16,.98));
  box-shadow:0 32px 100px rgba(2,6,23,.48);
  backdrop-filter:blur(18px);
}

.iwc-result-comment-topbar{
  position:relative;
  margin-bottom:22px;
  padding:8px 4px 18px;
  border-bottom:1px solid rgba(255,255,255,.07);
}

.iwc-result-comment-titlebox{
  display:flex;
  flex-direction:column;
  gap:2px;
}

.iwc-result-comment-top-actions{
  padding:8px;
  border-radius:999px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}

.iwc-result-comment-top-actions .iwc-btn,
.iwc-result-comment-top-actions .iwc-btn-ghost{
  min-height:48px;
  padding:0 18px;
  border-radius:999px;
  font-weight:800;
  letter-spacing:-.02em;
}

.iwc-result-comment-top-actions .iwc-btn{
  box-shadow:0 12px 26px rgba(37,99,235,.28);
}

.iwc-result-comment-top-actions .iwc-btn-ghost{
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  color:#eaf2ff;
}

.iwc-result-comment-grid{
  min-height:min(820px, calc(100dvh - 140px));
}

.iwc-result-comment-winner{
  position:relative;
  overflow:hidden;
  padding:30px 30px 32px;
  border-radius:32px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02)),
    linear-gradient(180deg, rgba(8,12,22,.86), rgba(6,9,17,.96));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 24px 60px rgba(2,6,23,.34), inset 0 1px 0 rgba(255,255,255,.06);
  isolation:isolate;
}

.iwc-result-hero-backdrop{
  position:absolute;
  inset:-16% auto auto 50%;
  width:72%;
  aspect-ratio:1/1;
  transform:translateX(-50%);
  border-radius:50%;
  background:
    radial-gradient(circle, rgba(96,165,250,.26) 0%, rgba(96,165,250,.1) 28%, rgba(168,85,247,.08) 42%, transparent 68%);
  filter:blur(8px);
  pointer-events:none;
  z-index:0;
}

.iwc-result-comment-winner > *{position:relative;z-index:1;}

.iwc-result-comment-winner .iwc-result-card-topline{
  width:100%;
  align-items:center;
}

.iwc-result-comment-winner .iwc-final-crown{
  margin-top:-2px;
  text-shadow:0 16px 34px rgba(250,204,21,.22);
}

.iwc-result-comment-winner .iwc-result-hero-thumb{
  position:relative;
  width:min(100%, 640px);
  margin:0 auto;
  border-radius:30px;
  overflow:hidden;
  box-shadow:0 24px 80px rgba(3,7,18,.48);
}

.iwc-result-comment-winner .iwc-result-hero-thumb::before{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(255,255,255,.12), transparent 22%, transparent 68%, rgba(5,8,16,.28));
  pointer-events:none;
  z-index:2;
}

.iwc-result-comment-winner .iwc-result-hero-thumb img{
  aspect-ratio:4/5.35;
  transform:scale(1.02);
  filter:saturate(1.05) contrast(1.03);
}

.iwc-final-title-wrap{
  position:relative;
  display:grid;
  place-items:center;
  width:100%;
  margin-top:2px;
}

.iwc-final-title-glow{
  position:absolute;
  left:50%;
  top:50%;
  width:min(78%, 420px);
  height:72px;
  transform:translate(-50%, -50%) scale(.88);
  border-radius:999px;
  background:radial-gradient(circle, rgba(96,165,250,.26) 0%, rgba(168,85,247,.16) 36%, rgba(59,130,246,0) 72%);
  filter:blur(18px);
  opacity:0;
  pointer-events:none;
}

.iwc-result-comment-winner .iwc-final-title{
  position:relative;
  z-index:1;
  transform:translateY(18px) scale(.94);
  opacity:0;
  filter:blur(10px);
  letter-spacing:.02em;
  text-shadow:0 10px 30px rgba(15,23,42,.34), 0 0 1px rgba(255,255,255,.2);
}

.iwc-result-cinematic.is-show .iwc-result-comment-winner .iwc-final-title{
  animation:iwcWinnerTitleReveal .96s cubic-bezier(.18,.84,.22,1) .28s forwards;
}

.iwc-result-cinematic.is-show .iwc-final-title-glow{
  animation:iwcWinnerTitleGlow 1.1s ease-out .3s forwards;
}

.iwc-result-comment-winner .iwc-final-sub{
  opacity:0;
  transform:translateY(10px);
}

.iwc-result-cinematic.is-show .iwc-result-comment-winner .iwc-final-sub{
  animation:iwcWinnerSubReveal .58s ease .48s forwards;
}

@keyframes iwcWinnerTitleReveal{
  0%{opacity:0;transform:translateY(18px) scale(.94);filter:blur(10px);letter-spacing:.16em;}
  58%{opacity:1;transform:translateY(-2px) scale(1.02);filter:blur(0);letter-spacing:.04em;}
  100%{opacity:1;transform:translateY(0) scale(1);filter:blur(0);letter-spacing:.02em;}
}

@keyframes iwcWinnerTitleGlow{
  0%{opacity:0;transform:translate(-50%, -50%) scale(.78);}
  55%{opacity:1;transform:translate(-50%, -50%) scale(1.06);}
  100%{opacity:.68;transform:translate(-50%, -50%) scale(1);}
}

@keyframes iwcWinnerSubReveal{
  from{opacity:0;transform:translateY(10px);}
  to{opacity:1;transform:translateY(0);}
}

.iwc-result-winner-meta{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  flex-wrap:wrap;
  margin-top:4px;
}

.iwc-result-winner-meta span{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 14px;
  border-radius:999px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
  color:rgba(232,240,255,.86);
  font-size:12px;
  font-weight:800;
  letter-spacing:.06em;
}

.iwc-result-winner-caption{
  max-width:520px;
  margin:2px auto 0;
  color:rgba(226,236,255,.68);
  font-size:15px;
  line-height:1.6;
}

.iwc-result-comment-side{
  min-height:0;
}

.iwc-result-panel{
  background:linear-gradient(180deg, rgba(12,18,33,.92), rgba(8,12,22,.98));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 18px 50px rgba(2,6,23,.28);
}

.iwc-result-comment-share{
  padding:18px;
}

.iwc-result-section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px;
}

.iwc-result-section-head strong{
  color:#f8fbff;
  font-size:18px;
  font-weight:900;
  letter-spacing:-.02em;
}

.iwc-result-section-head span{
  font-size:13px;
  color:rgba(226,236,255,.64);
}

.iwc-result-comment-share .iwc-share-text{
  min-height:102px;
  border-radius:20px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  color:#eef4ff;
}

.iwc-result-comments-wrap{
  display:flex;
  flex-direction:column;
  min-height:0;
  padding:16px;
}

.iwc-result-comments-wrap #iwcResultCommentMount,
.iwc-result-comments-wrap .iwc-comment-box{
  min-height:0;
  height:100%;
}

.iwc-result-comments-wrap .iwc-comment-box{
  display:grid;
  grid-template-rows:auto auto minmax(0,1fr);
  gap:14px;
}

.iwc-result-comments-wrap .iwc-comment-box h3{
  position:sticky;
  top:0;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:0;
  padding:4px 2px 0;
  background:linear-gradient(180deg, rgba(7,11,21,.98), rgba(7,11,21,.72));
  backdrop-filter:blur(10px);
}

.iwc-result-comments-wrap .iwc-comment-box h3 span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:54px;
  min-height:30px;
  padding:0 10px;
  border-radius:999px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
}

.iwc-result-comments-wrap .iwc-comment-write{
  border-radius:24px;
  padding:16px;
}

.iwc-result-comments-wrap .iwc-comment-list{
  max-height:none;
  min-height:0;
  height:100%;
  padding-right:8px;
  overscroll-behavior:contain;
}

.iwc-result-comments-wrap .iwc-comment-item,
.iwc-result-comments-wrap .iwc-comment-edit-form,
.iwc-result-comments-wrap .iwc-reply-form{
  border-radius:20px;
}

@media (max-width: 1180px){
  .iwc-result-comment-shell{
    padding:16px;
  }

  .iwc-result-comment-grid{
    min-height:unset;
  }

  .iwc-result-comment-top-actions{
    border-radius:26px;
    width:100%;
    justify-content:flex-start;
  }
}

@media (max-width: 780px){
  .iwc-result-comment-shell{
    padding:12px;
    border-radius:24px;
  }

  .iwc-result-comment-title{
    font-size:clamp(24px, 8vw, 42px);
  }

  .iwc-result-comment-winner{
    padding:24px 18px 22px;
    border-radius:24px;
  }

  .iwc-result-comment-top-actions{
    padding:6px;
    border-radius:20px;
  }

  .iwc-result-comment-top-actions .iwc-btn,
  .iwc-result-comment-top-actions .iwc-btn-ghost{
    width:100%;
  }

  .iwc-result-winner-caption{
    font-size:14px;
  }
}


.iwc-result-comment-winner{
  --iwc-tilt-x:0deg;
  --iwc-tilt-y:0deg;
  --iwc-shift-x:0px;
  --iwc-shift-y:0px;
  --iwc-glow-x:50%;
  --iwc-glow-y:38%;
  transform:perspective(1400px) rotateX(var(--iwc-tilt-x)) rotateY(var(--iwc-tilt-y));
  transform-style:preserve-3d;
  transition:transform .32s cubic-bezier(.22,.61,.36,1), box-shadow .32s ease, border-color .32s ease;
  will-change:transform;
}

.iwc-result-comment-winner.is-hover{
  box-shadow:0 30px 90px rgba(2,8,23,.58), 0 0 0 1px rgba(148,163,184,.18) inset;
}

.iwc-result-comment-winner .iwc-result-hero-backdrop{
  background:
    radial-gradient(circle at var(--iwc-glow-x) var(--iwc-glow-y), rgba(96,165,250,.28), rgba(96,165,250,0) 28%),
    radial-gradient(circle at calc(var(--iwc-glow-x) + 12%) calc(var(--iwc-glow-y) + 10%), rgba(168,85,247,.18), rgba(168,85,247,0) 34%),
    linear-gradient(180deg, rgba(15,23,42,.18), rgba(15,23,42,0));
  transition:background .24s ease, opacity .28s ease;
}

.iwc-result-comment-winner .iwc-result-hero-thumb,
.iwc-result-comment-winner .iwc-final-title-wrap,
.iwc-result-comment-winner .iwc-result-winner-meta,
.iwc-result-comment-winner .iwc-final-sub,
.iwc-result-comment-winner .iwc-result-winner-caption,
.iwc-result-comment-winner .iwc-final-crown{
  transform:translate3d(calc(var(--iwc-shift-x) * .18), calc(var(--iwc-shift-y) * .18), 0);
  transition:transform .32s cubic-bezier(.22,.61,.36,1), filter .32s ease;
}

.iwc-result-comment-winner .iwc-result-hero-thumb{
  transform:translate3d(calc(var(--iwc-shift-x) * .28), calc(var(--iwc-shift-y) * .28), 22px);
}

.iwc-result-comment-winner .iwc-final-title-wrap{
  transform:translate3d(calc(var(--iwc-shift-x) * .22), calc(var(--iwc-shift-y) * .18), 32px);
}

.iwc-result-comment-winner .iwc-result-winner-meta,
.iwc-result-comment-winner .iwc-final-sub,
.iwc-result-comment-winner .iwc-result-winner-caption,
.iwc-result-comment-winner .iwc-final-crown{
  transform:translate3d(calc(var(--iwc-shift-x) * .14), calc(var(--iwc-shift-y) * .12), 18px);
}

.iwc-result-comment-winner.is-hover .iwc-result-hero-thumb img{
  transform:scale(1.035);
}

@media (hover:none), (pointer:coarse){
  .iwc-result-comment-winner,
  .iwc-result-comment-winner .iwc-result-hero-thumb,
  .iwc-result-comment-winner .iwc-final-title-wrap,
  .iwc-result-comment-winner .iwc-result-winner-meta,
  .iwc-result-comment-winner .iwc-final-sub,
  .iwc-result-comment-winner .iwc-result-winner-caption,
  .iwc-result-comment-winner .iwc-final-crown{
    transform:none !important;
  }
}


/* =========================================
   2026-03-18 crown / winner gap tighten v2
   ========================================= */
.iwc-result-comment-winner{
  gap:0;
  padding-top:14px;
  align-content:start;
}

.iwc-result-comment-winner .iwc-result-card-topline{
  margin-bottom:0;
}

.iwc-result-comment-winner .iwc-final-crown{
  position:relative;
  z-index:4;
  display:block;
  margin:0 auto -44px;
  line-height:1;
  font-size:54px;
  transform:translate3d(calc(var(--iwc-shift-x) * .10), calc(var(--iwc-shift-y) * .08), 40px);
}

.iwc-result-comment-winner .iwc-result-hero-thumb{
  margin:0 auto 10px;
}

.iwc-result-comment-winner .iwc-result-winner-meta{
  margin-top:0;
}

.iwc-result-comment-winner .iwc-final-title-wrap{
  margin-top:2px;
}

@media (max-width: 780px){
  .iwc-result-comment-winner{
    padding-top:12px;
    gap:0;
  }

  .iwc-result-comment-winner .iwc-final-crown{
    margin:0 auto -30px;
    font-size:44px;
  }

  .iwc-result-comment-winner .iwc-result-hero-thumb{
    margin-bottom:8px;
  }
}


/* 2026-03-18 crown/image real attach fix */
.iwc-result-comment-winner{
  padding-top:18px !important;
}

.iwc-result-comment-winner .iwc-result-card-topline{
  margin-bottom:10px !important;
}

.iwc-result-comment-winner .iwc-result-hero-wrap{
  position:relative;
  width:min(100%, 640px);
  margin:0 auto 10px;
  padding-top:26px;
}

.iwc-result-comment-winner .iwc-result-hero-wrap > *{
  position:relative;
}

.iwc-result-comment-winner .iwc-result-hero-wrap .iwc-result-hero-backdrop{
  position:absolute;
  inset:-10% auto auto 50%;
  width:76%;
  z-index:0;
  transform:translateX(-50%);
}

.iwc-result-comment-winner .iwc-result-hero-wrap .iwc-final-crown{
  position:absolute !important;
  top:0;
  left:50%;
  z-index:4;
  display:block;
  margin:0 !important;
  line-height:1;
  font-size:54px;
  transform:translate3d(calc(-50% + (var(--iwc-shift-x) * .10)), calc(var(--iwc-shift-y) * .08), 40px) !important;
  text-shadow:0 12px 28px rgba(250,204,21,.22);
}

.iwc-result-comment-winner .iwc-result-hero-wrap .iwc-result-hero-thumb{
  position:relative;
  z-index:2;
  width:100%;
  margin:0 auto !important;
}

.iwc-result-comment-winner > .iwc-result-hero-backdrop,
.iwc-result-comment-winner > .iwc-final-crown,
.iwc-result-comment-winner > .iwc-result-hero-thumb{
  display:none !important;
}

@media (max-width:780px){
  .iwc-result-comment-winner{
    padding-top:14px !important;
  }

  .iwc-result-comment-winner .iwc-result-card-topline{
    margin-bottom:8px !important;
  }

  .iwc-result-comment-winner .iwc-result-hero-wrap{
    padding-top:20px;
    margin-bottom:8px;
  }

  .iwc-result-comment-winner .iwc-result-hero-wrap .iwc-final-crown{
    font-size:46px;
  }
}

/* =========================================
   2026-03-18 winner box size fix
   ========================================= */
.iwc-result-comment-grid{
  align-items:start !important;
}

.iwc-result-comment-winner{
  display:flex;
  flex-direction:column;
  align-self:start;
  height:auto !important;
  min-height:0 !important;
}

.iwc-result-comment-side{
  align-self:stretch;
}

.iwc-result-comment-winner .iwc-result-hero-wrap{
  display:flex;
  flex-direction:column;
  width:100%;
  max-width:640px;
  margin:0 auto 10px;
}

.iwc-result-comment-winner .iwc-result-hero-wrap .iwc-result-hero-thumb{
  width:100%;
  height:clamp(420px, 58vw, 760px);
  max-height:min(760px, calc(100dvh - 360px));
  border-radius:30px;
}

.iwc-result-comment-winner .iwc-result-hero-thumb img,
.iwc-result-comment-winner .iwc-result-hero-thumb .iwc-noimg{
  width:100%;
  height:100%;
  min-height:100%;
  display:block;
}

.iwc-result-comment-winner .iwc-result-hero-thumb img{
  aspect-ratio:auto !important;
  object-fit:contain;
  transform:scale(1.02);
}

.iwc-result-comment-winner .iwc-result-hero-thumb .iwc-noimg{
  min-height:100%;
}

@media (max-width: 1180px){
  .iwc-result-comment-winner{
    align-self:stretch;
  }

  .iwc-result-comment-winner .iwc-result-hero-wrap .iwc-result-hero-thumb{
    height:clamp(360px, 82vw, 680px);
    max-height:none;
  }
}

@media (max-width: 780px){
  .iwc-result-comment-winner .iwc-result-hero-wrap .iwc-result-hero-thumb{
    height:clamp(300px, 92vw, 560px);
    border-radius:24px;
  }
}


/* modal comment scroll fix */
.iwc-result-comments-wrap,
.iwc-result-comments-wrap #iwcResultCommentMount,
.iwc-result-comments-wrap .iwc-comment-box{min-height:0 !important;}
.iwc-result-comments-wrap #iwcResultCommentMount{display:flex;flex-direction:column;min-height:0;height:100%;}
.iwc-result-comments-wrap .iwc-comment-box{display:flex !important;flex-direction:column !important;height:100% !important;min-height:0 !important;}
.iwc-result-comments-wrap .iwc-comment-write{flex:0 0 auto;}
.iwc-result-comments-wrap .iwc-comment-list{flex:1 1 auto !important;min-height:0 !important;height:auto !important;overflow-y:auto !important;overflow-x:hidden !important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;}
.iwc-comment-target{scroll-margin-top:24px;}


/* 2026-03-19 modal comment interaction real fix */
.iwc-modal-result .iwc-modal-box,
.iwc-modal-result .iwc-modal-shell,
.iwc-modal-result #iwcPlayArea,
.iwc-modal-result .iwc-result-cinematic,
.iwc-modal-result .iwc-result-comment-shell,
.iwc-modal-result .iwc-result-comment-grid,
.iwc-modal-result .iwc-result-comment-side,
.iwc-modal-result .iwc-result-comments-wrap,
.iwc-modal-result #iwcResultCommentMount,
.iwc-modal-result .iwc-comment-box{
  min-height:0 !important;
}

.iwc-modal-result .iwc-result-comment-grid{
  height:min(820px, calc(100dvh - 140px)) !important;
  align-items:stretch !important;
}

.iwc-modal-result .iwc-result-comment-side{
  height:100% !important;
  min-height:0 !important;
  position:relative;
  z-index:5;
}

.iwc-modal-result .iwc-result-comments-wrap{
  height:100% !important;
  overflow:hidden !important;
  position:relative;
  z-index:5;
}

.iwc-modal-result #iwcResultCommentMount,
.iwc-modal-result .iwc-result-comments-wrap .iwc-comment-box{
  height:100% !important;
  display:flex !important;
  flex-direction:column !important;
}

.iwc-modal-result .iwc-result-comments-wrap .iwc-comment-list{
  flex:1 1 auto !important;
  height:auto !important;
  max-height:none !important;
  min-height:0 !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  overscroll-behavior:contain !important;
  -webkit-overflow-scrolling:touch;
  position:relative;
  z-index:6;
  pointer-events:auto !important;
}

.iwc-modal-result .iwc-result-comments-wrap .iwc-comment-item,
.iwc-modal-result .iwc-result-comments-wrap .iwc-comment-actions,
.iwc-modal-result .iwc-result-comments-wrap .iwc-comment-actions button,
.iwc-modal-result .iwc-result-comments-wrap .iwc-comment-actions .iwc-btn-ghost{
  position:relative;
  z-index:7;
  pointer-events:auto !important;
}

.iwc-modal-result .swal2-container{
  z-index:20000 !important;
}

@media (max-width:1180px){
  .iwc-modal-result .iwc-result-comment-grid{
    height:auto !important;
  }

  .iwc-modal-result .iwc-result-comment-side,
  .iwc-modal-result .iwc-result-comments-wrap,
  .iwc-modal-result #iwcResultCommentMount,
  .iwc-modal-result .iwc-comment-box{
    height:auto !important;
  }

  .iwc-modal-result .iwc-result-comments-wrap .iwc-comment-list{
    max-height:50dvh !important;
  }
}

/* 2026-03-19 result modal comment single-scroll layout fix */
.iwc-modal-result .iwc-modal-box{
  overflow-y:auto !important;
  overflow-x:hidden !important;
}

.iwc-modal-result .iwc-result-comment-grid{
  height:auto !important;
  min-height:0 !important;
  align-items:start !important;
}

.iwc-modal-result .iwc-result-comment-side,
.iwc-modal-result .iwc-result-comments-wrap,
.iwc-modal-result #iwcResultCommentMount,
.iwc-modal-result .iwc-result-comments-wrap .iwc-comment-box{
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  overflow:visible !important;
}

.iwc-modal-result .iwc-result-comments-wrap{
  overflow:visible !important;
}

.iwc-modal-result .iwc-result-comments-wrap .iwc-comment-list{
  display:flex !important;
  flex-direction:column !important;
  gap:12px !important;
  flex:0 0 auto !important;
  height:auto !important;
  max-height:none !important;
  min-height:0 !important;
  overflow:visible !important;
  padding-right:0 !important;
}

.iwc-modal-result .iwc-result-comments-wrap .iwc-comment-list::-webkit-scrollbar{
  width:0 !important;
  height:0 !important;
}

@media (max-width: 980px){
  .iwc-modal-result .iwc-result-comment-grid{
    height:auto !important;
  }
}


/* 2026-03-19 modal/detail comment highlight visibility fix */
.iwc-comment-item.iwc-comment-target,
.iwc-comment-item:target,
.iwc-result-comments-wrap .iwc-comment-item.iwc-comment-target,
.iwc-modal-result .iwc-result-comments-wrap .iwc-comment-item.iwc-comment-target{
  border-color: rgba(96,165,250,.95) !important;
  background: rgba(59,130,246,.18) !important;
  box-shadow: 0 0 0 2px rgba(96,165,250,.42), 0 0 26px rgba(37,99,235,.24) !important;
  animation: iwcCommentTargetPulse 1.7s ease-out;
  position: relative;
  z-index: 2;
}

.iwc-comment-item.iwc-comment-target.reply,
.iwc-result-comments-wrap .iwc-comment-item.iwc-comment-target.reply,
.iwc-modal-result .iwc-result-comments-wrap .iwc-comment-item.iwc-comment-target.reply{
  background: rgba(59,130,246,.15) !important;
}

@keyframes iwcCommentTargetPulse {
  0% {
    transform: translateY(0) scale(0.995);
    box-shadow: 0 0 0 0 rgba(96,165,250,0), 0 0 0 rgba(37,99,235,0) !important;
  }
  20% {
    transform: translateY(0) scale(1.006);
    box-shadow: 0 0 0 3px rgba(96,165,250,.46), 0 0 34px rgba(37,99,235,.30) !important;
  }
  100% {
    transform: translateY(0) scale(1);
    box-shadow: 0 0 0 2px rgba(96,165,250,.38), 0 0 22px rgba(37,99,235,.20) !important;
  }
}


/* 2026-03-19 result modal comment title/button polish */
.iwc-result-comments-wrap .iwc-comment-box h3,
.iwc-modal-result .iwc-result-comments-wrap .iwc-comment-box h3{
  justify-content:flex-start !important;
  gap:10px !important;
}

.iwc-result-comments-wrap .iwc-comment-box h3 span,
.iwc-modal-result .iwc-result-comments-wrap .iwc-comment-box h3 span{
  min-width:auto !important;
  min-height:30px;
  padding:0 12px !important;
  border-radius:999px;
  background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04)) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  color:#dbe7ff !important;
  font-size:15px;
  font-weight:800;
  letter-spacing:-0.02em;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}

.iwc-result-comments-wrap .iwc-comment-actions,
.iwc-modal-result .iwc-result-comments-wrap .iwc-comment-actions{
  gap:10px;
}

.iwc-result-comments-wrap .iwc-comment-actions button,
.iwc-result-comments-wrap .iwc-comment-actions .iwc-btn-ghost,
.iwc-modal-result .iwc-result-comments-wrap .iwc-comment-actions button,
.iwc-modal-result .iwc-result-comments-wrap .iwc-comment-actions .iwc-btn-ghost{
  appearance:none;
  border-radius:14px !important;
  min-height:44px;
  padding:0 16px;
  border:1px solid rgba(255,255,255,.10) !important;
  background:linear-gradient(180deg, rgba(20,29,50,.96), rgba(11,17,31,.96)) !important;
  color:#e9f1ff !important;
  box-shadow:0 8px 20px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.05);
  transition:transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease, color .18s ease;
}

.iwc-result-comments-wrap .iwc-comment-actions button:hover,
.iwc-result-comments-wrap .iwc-comment-actions .iwc-btn-ghost:hover,
.iwc-modal-result .iwc-result-comments-wrap .iwc-comment-actions button:hover,
.iwc-modal-result .iwc-result-comments-wrap .iwc-comment-actions .iwc-btn-ghost:hover{
  transform:translateY(-1px);
  border-color:rgba(120,158,255,.38) !important;
  background:linear-gradient(180deg, rgba(29,42,72,.98), rgba(15,23,41,.98)) !important;
  box-shadow:0 10px 24px rgba(0,0,0,.28), 0 0 0 1px rgba(76,120,255,.14), inset 0 1px 0 rgba(255,255,255,.06);
  color:#ffffff !important;
}

.iwc-result-comments-wrap .iwc-comment-like.active,
.iwc-modal-result .iwc-result-comments-wrap .iwc-comment-like.active{
  border-color:rgba(96,150,255,.46) !important;
  background:linear-gradient(180deg, rgba(47,93,197,.30), rgba(18,30,59,.96)) !important;
  color:#ffffff !important;
  box-shadow:0 10px 24px rgba(19,40,95,.34), 0 0 0 1px rgba(96,150,255,.16), inset 0 1px 0 rgba(255,255,255,.08);
}

.iwc-result-comments-wrap .iwc-reply-open,
.iwc-modal-result .iwc-result-comments-wrap .iwc-reply-open{
  border-color:rgba(117,255,219,.18) !important;
}

.iwc-result-comments-wrap .iwc-report-comment,
.iwc-modal-result .iwc-result-comments-wrap .iwc-report-comment{
  border-color:rgba(255,191,90,.22) !important;
  color:#ffe3a8 !important;
}

.iwc-result-comments-wrap .iwc-comment-delete,
.iwc-modal-result .iwc-result-comments-wrap .iwc-comment-delete{
  border-color:rgba(255,110,110,.22) !important;
  color:#ffd0d0 !important;
  background:linear-gradient(180deg, rgba(47,22,27,.96), rgba(22,12,17,.96)) !important;
}

.iwc-result-comments-wrap .iwc-comment-delete:hover,
.iwc-modal-result .iwc-result-comments-wrap .iwc-comment-delete:hover{
  border-color:rgba(255,120,120,.42) !important;
  background:linear-gradient(180deg, rgba(71,29,37,.98), rgba(30,14,19,.98)) !important;
  color:#fff1f1 !important;
}

/* 2026-03-19 comment ui contrast polish */
.iwc-result-comments-wrap .iwc-comment-body,
.iwc-modal-result .iwc-result-comments-wrap .iwc-comment-body,
.iwc-result-comments-wrap .iwc-comment-item .iwc-comment-body,
.iwc-modal-result .iwc-result-comments-wrap .iwc-comment-item .iwc-comment-body{
  text-align:left !important;
  justify-content:flex-start !important;
  align-items:flex-start !important;
  color:#dfe8ff !important;
  line-height:1.72 !important;
}

.iwc-result-comments-wrap .iwc-comment-item.reply,
.iwc-modal-result .iwc-result-comments-wrap .iwc-comment-item.reply{
  background:linear-gradient(180deg, rgba(13,24,51,.94), rgba(9,16,34,.94)) !important;
  border-color:rgba(118,156,255,.26) !important;
}

.iwc-result-comments-wrap .iwc-comment-item.reply .iwc-comment-body,
.iwc-modal-result .iwc-result-comments-wrap .iwc-comment-item.reply .iwc-comment-body{
  color:#cfdcff !important;
}

.iwc-result-comments-wrap .iwc-comment-item.reply .iwc-comment-head strong,
.iwc-modal-result .iwc-result-comments-wrap .iwc-comment-item.reply .iwc-comment-head strong{
  color:#7ea8ff !important;
}

.iwc-result-comments-wrap .iwc-comment-item.reply::before,
.iwc-modal-result .iwc-result-comments-wrap .iwc-comment-item.reply::before{
  border-left-color:#8bb8ff !important;
  border-bottom-color:#8bb8ff !important;
  opacity:.95;
}

.iwc-result-comments-wrap .iwc-report-comment,
.iwc-modal-result .iwc-result-comments-wrap .iwc-report-comment{
  border-color:rgba(255,183,77,.48) !important;
  background:linear-gradient(180deg, rgba(58,36,10,.96), rgba(28,18,7,.96)) !important;
  color:#ffbf5d !important;
  box-shadow:0 8px 20px rgba(42,24,2,.28), inset 0 1px 0 rgba(255,235,199,.05) !important;
}

.iwc-result-comments-wrap .iwc-report-comment:hover,
.iwc-modal-result .iwc-result-comments-wrap .iwc-report-comment:hover{
  border-color:rgba(255,194,102,.7) !important;
  background:linear-gradient(180deg, rgba(77,47,12,.98), rgba(37,22,8,.98)) !important;
  color:#ffd18a !important;
  box-shadow:0 10px 24px rgba(69,39,4,.34), 0 0 0 1px rgba(255,183,77,.14), inset 0 1px 0 rgba(255,243,214,.08) !important;
}

.iwc-result-comments-wrap .iwc-comment-delete,
.iwc-modal-result .iwc-result-comments-wrap .iwc-comment-delete{
  border-color:rgba(255,102,122,.52) !important;
  background:linear-gradient(180deg, rgba(74,24,34,.98), rgba(32,10,15,.98)) !important;
  color:#ff95a4 !important;
  box-shadow:0 8px 20px rgba(58,15,24,.3), inset 0 1px 0 rgba(255,219,224,.04) !important;
}

.iwc-result-comments-wrap .iwc-comment-delete:hover,
.iwc-modal-result .iwc-result-comments-wrap .iwc-comment-delete:hover{
  border-color:rgba(255,125,142,.76) !important;
  background:linear-gradient(180deg, rgba(98,29,43,.99), rgba(41,11,18,.99)) !important;
  color:#ffc1cb !important;
  box-shadow:0 12px 26px rgba(74,16,29,.36), 0 0 0 1px rgba(255,120,138,.16), inset 0 1px 0 rgba(255,232,236,.06) !important;
}


/* 2026-03-19 final comment action exact class override */
.iwc-modal-result .iwc-result-comments-wrap .iwc-comment-actions > .iwc-comment-like,
.iwc-result-comments-wrap .iwc-comment-actions > .iwc-comment-like{
  background:linear-gradient(180deg, rgba(20,29,50,.96), rgba(11,17,31,.96)) !important;
  border:1px solid rgba(102,146,255,.18) !important;
  color:#dfe9ff !important;
}

.iwc-modal-result .iwc-result-comments-wrap .iwc-comment-actions > .iwc-comment-like.active,
.iwc-result-comments-wrap .iwc-comment-actions > .iwc-comment-like.active{
  background:linear-gradient(180deg, rgba(47,93,197,.34), rgba(18,30,59,.96)) !important;
  border-color:rgba(96,150,255,.50) !important;
  color:#ffffff !important;
  box-shadow:0 10px 24px rgba(19,40,95,.34), 0 0 0 1px rgba(96,150,255,.16), inset 0 1px 0 rgba(255,255,255,.08) !important;
}

.iwc-modal-result .iwc-result-comments-wrap .iwc-comment-actions > .iwc-reply-open,
.iwc-result-comments-wrap .iwc-comment-actions > .iwc-reply-open{
  background:linear-gradient(180deg, rgba(17,33,58,.96), rgba(10,18,34,.96)) !important;
  border:1px solid rgba(96,188,255,.28) !important;
  color:#ccefff !important;
}

.iwc-modal-result .iwc-result-comments-wrap .iwc-comment-actions > .iwc-report-comment,
.iwc-result-comments-wrap .iwc-comment-actions > .iwc-report-comment{
  background:linear-gradient(180deg, rgba(52,37,11,.96), rgba(29,20,7,.96)) !important;
  border:1px solid rgba(255,184,77,.38) !important;
  color:#ffd27a !important;
  box-shadow:0 8px 18px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,236,196,.05) !important;
}

.iwc-modal-result .iwc-result-comments-wrap .iwc-comment-actions > .iwc-report-comment:hover,
.iwc-result-comments-wrap .iwc-comment-actions > .iwc-report-comment:hover{
  background:linear-gradient(180deg, rgba(71,50,13,.98), rgba(37,25,8,.98)) !important;
  border-color:rgba(255,193,84,.60) !important;
  color:#ffe2a7 !important;
}

.iwc-modal-result .iwc-result-comments-wrap .iwc-comment-actions > .iwc-comment-delete,
.iwc-result-comments-wrap .iwc-comment-actions > .iwc-comment-delete{
  background:linear-gradient(180deg, rgba(63,23,29,.96), rgba(30,12,18,.96)) !important;
  border:1px solid rgba(255,101,101,.42) !important;
  color:#ff9e9e !important;
  box-shadow:0 8px 18px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,220,220,.04) !important;
}

.iwc-modal-result .iwc-result-comments-wrap .iwc-comment-actions > .iwc-comment-delete:hover,
.iwc-result-comments-wrap .iwc-comment-actions > .iwc-comment-delete:hover{
  background:linear-gradient(180deg, rgba(83,29,38,.98), rgba(41,14,21,.98)) !important;
  border-color:rgba(255,120,120,.65) !important;
  color:#ffd5d5 !important;
}

.iwc-modal-result .iwc-result-comments-wrap .iwc-comment-actions > .iwc-btn-ghost.iwc-comment-edit-open,
.iwc-result-comments-wrap .iwc-comment-actions > .iwc-btn-ghost.iwc-comment-edit-open{
  background:linear-gradient(180deg, rgba(28,33,50,.96), rgba(15,19,32,.96)) !important;
  border:1px solid rgba(162,176,255,.24) !important;
  color:#dce2ff !important;
}

.iwc-modal-result .iwc-result-comments-wrap .iwc-comment-body,
.iwc-result-comments-wrap .iwc-comment-body{
  text-align:left !important;
  color:#dfe8ff !important;
}

.iwc-modal-result .iwc-result-comments-wrap .iwc-comment-item.reply .iwc-comment-body,
.iwc-result-comments-wrap .iwc-comment-item.reply .iwc-comment-body{
  color:#d6e2ff !important;
}

.iwc-modal-result .iwc-result-comments-wrap .iwc-comment-item.reply .iwc-comment-head strong,
.iwc-result-comments-wrap .iwc-comment-item.reply .iwc-comment-head strong{
  color:#7ea5ff !important;
}


/* =========================
   Result modal comment polish
   ========================= */
.iwc-result-comments-wrap .iwc-comment-nick[disabled],
.iwc-result-comments-wrap .iwc-reply-nick[disabled]{
  background:linear-gradient(135deg, rgba(255,255,255,.11), rgba(255,255,255,.06)) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  color:#f4f8ff !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 8px 22px rgba(0,0,0,.18) !important;
  text-shadow:0 1px 0 rgba(0,0,0,.18);
  letter-spacing:-0.01em;
}

.iwc-result-comments-wrap .iwc-comment-nick[disabled]::placeholder,
.iwc-result-comments-wrap .iwc-reply-nick[disabled]::placeholder{
  color:rgba(244,248,255,.72) !important;
}

.iwc-result-comments-wrap .iwc-comment-top-fields{
  gap:12px;
}

.iwc-result-comments-wrap .iwc-comment-write{
  position:relative;
}

.iwc-result-comments-wrap .iwc-comment-write .iwc-comment-top-fields{
  position:relative;
}

.iwc-result-comments-wrap .iwc-comment-write .iwc-comment-top-fields.is-member .iwc-comment-nick[disabled]{
  padding-right:112px;
}

.iwc-result-comments-wrap .iwc-comment-write .iwc-comment-top-fields::after{
  content:'회원';
  position:absolute;
  top:50%;
  right:14px;
  transform:translateY(-50%);
  height:28px;
  padding:0 12px;
  border-radius:999px;
  display:none;
  align-items:center;
  justify-content:center;
  font-size:12px;
  font-weight:800;
  letter-spacing:.02em;
  color:#dbeafe;
  background:linear-gradient(135deg, rgba(59,130,246,.28), rgba(96,165,250,.14));
  border:1px solid rgba(147,197,253,.28);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
  pointer-events:none;
}

.iwc-result-comments-wrap .iwc-comment-write .iwc-comment-top-fields.is-member:has(.iwc-comment-nick[disabled])::after{
  display:flex;
}

.iwc-result-comments-wrap .iwc-empty,
.iwc-result-comment-empty,
.iwc-result-comment-loading{
  position:relative;
  min-height:210px;
  padding:32px 20px;
  text-align:center;
  border-radius:28px;
  overflow:hidden;
  background:
    radial-gradient(circle at top, rgba(59,130,246,.14), transparent 48%),
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.09);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 18px 40px rgba(2,8,23,.22);
  color:#d9e7ff;
}

.iwc-result-comments-wrap .iwc-empty::before,
.iwc-result-comment-empty::before,
.iwc-result-comment-loading::before{
  content:'💬';
  display:flex;
  align-items:center;
  justify-content:center;
  width:62px;
  height:62px;
  margin:0 auto 16px;
  border-radius:50%;
  background:linear-gradient(135deg, rgba(96,165,250,.22), rgba(59,130,246,.10));
  border:1px solid rgba(147,197,253,.22);
  box-shadow:0 10px 30px rgba(30,64,175,.16);
  font-size:26px;
}

.iwc-result-comments-wrap .iwc-empty::after{
  content:'첫 댓글이 이 구역의 불을 켭니다';
  display:block;
  margin-top:10px;
  font-size:13px;
  font-weight:600;
  color:rgba(219,234,254,.62);
  letter-spacing:-0.01em;
}

/* 2026-03-19 detail comment state polish */
.iwc-comment-write .iwc-comment-nick[disabled],
.iwc-reply-form .iwc-comment-top-fields.is-member .iwc-reply-nick[disabled]{
  background:linear-gradient(135deg, rgba(255,255,255,.11), rgba(255,255,255,.06)) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  color:#eef5ff !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 8px 22px rgba(0,0,0,.16) !important;
  text-shadow:0 1px 0 rgba(0,0,0,.16);
  letter-spacing:-0.01em;
}

.iwc-comment-write .iwc-comment-nick[disabled]::placeholder,
.iwc-reply-form .iwc-reply-nick[disabled]::placeholder{
  color:rgba(238,245,255,.72) !important;
}

.iwc-comment-write .iwc-comment-top-fields,
.iwc-reply-form .iwc-comment-top-fields,
.iwc-reply-form .iwc-reply-top-fields{
  position:relative;
  gap:12px;
}

.iwc-comment-write .iwc-comment-top-fields.is-member .iwc-comment-nick[disabled]{
  padding-right:112px;
}

.iwc-comment-write .iwc-comment-top-fields::after{
  content:'회원';
  position:absolute;
  top:50%;
  right:14px;
  transform:translateY(-50%);
  height:28px;
  padding:0 12px;
  border-radius:999px;
  display:none;
  align-items:center;
  justify-content:center;
  font-size:12px;
  font-weight:800;
  letter-spacing:.02em;
  color:#dbeafe;
  background:linear-gradient(135deg, rgba(59,130,246,.28), rgba(96,165,250,.14));
  border:1px solid rgba(147,197,253,.28);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
  pointer-events:none;
}

.iwc-comment-write .iwc-comment-top-fields.is-member:has(.iwc-comment-nick[disabled])::after{
  display:flex;
}

.iwc-comment-box .iwc-empty,
.iwc-comment-empty,
.iwc-comment-loading{
  position:relative;
  min-height:210px;
  padding:32px 20px;
  text-align:center;
  border-radius:28px;
  overflow:hidden;
  background:
    radial-gradient(circle at top, rgba(59,130,246,.14), transparent 48%),
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.09);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 18px 40px rgba(2,8,23,.22);
  color:#d9e7ff;
}

.iwc-comment-box .iwc-empty::before,
.iwc-comment-empty::before,
.iwc-comment-loading::before{
  content:'💬';
  display:flex;
  align-items:center;
  justify-content:center;
  width:62px;
  height:62px;
  margin:0 auto 16px;
  border-radius:50%;
  background:linear-gradient(135deg, rgba(96,165,250,.22), rgba(59,130,246,.10));
  border:1px solid rgba(147,197,253,.22);
  box-shadow:0 10px 30px rgba(30,64,175,.16);
  font-size:26px;
}

.iwc-comment-box .iwc-empty::after,
.iwc-comment-empty::after{
  content:'첫 댓글이 이 구역의 불을 켭니다';
  display:block;
  margin-top:10px;
  font-size:13px;
  font-weight:600;
  color:rgba(219,234,254,.62);
  letter-spacing:-0.01em;
}

/* 2026-03-19 detail page white tone comment state polish */
.iwc-detail-wrap .iwc-comment-box .iwc-comment-write .iwc-comment-top-fields.is-member .iwc-comment-nick[disabled],
.iwc-detail-wrap .iwc-comment-box .iwc-reply-form .iwc-comment-top-fields.is-member .iwc-reply-nick[disabled]{
  background:linear-gradient(180deg,#f9fbff 0%,#f1f5fb 100%) !important;
  border:1px solid #d9e2ef !important;
  color:#7b8798 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95), 0 10px 24px rgba(15,23,42,.06) !important;
  text-shadow:none !important;
}

.iwc-detail-wrap .iwc-comment-box .iwc-comment-write .iwc-comment-nick[disabled]::placeholder,
.iwc-detail-wrap .iwc-comment-box .iwc-reply-form .iwc-reply-nick[disabled]::placeholder{
  color:#a1adbd !important;
}

.iwc-detail-wrap .iwc-comment-box .iwc-comment-write .iwc-comment-top-fields.is-member::after{
  color:#4773d6;
  background:linear-gradient(180deg,#edf4ff 0%,#dfeaff 100%);
  border:1px solid #c9d9fb;
  box-shadow:0 8px 20px rgba(76,110,184,.12), inset 0 1px 0 rgba(255,255,255,.9);
}

.iwc-detail-wrap .iwc-comment-box .iwc-empty,
.iwc-detail-wrap .iwc-comment-empty,
.iwc-detail-wrap .iwc-comment-loading{
  min-height:208px;
  padding:34px 24px;
  border-radius:26px;
  background:
    radial-gradient(circle at top, rgba(110,143,214,.12), transparent 44%),
    linear-gradient(180deg,#f8fbff 0%,#f2f6fc 100%);
  border:1px solid #dfe7f2;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95), 0 18px 36px rgba(15,23,42,.06);
  color:#7b8798;
}

.iwc-detail-wrap .iwc-comment-box .iwc-empty::before,
.iwc-detail-wrap .iwc-comment-empty::before,
.iwc-detail-wrap .iwc-comment-loading::before{
  content:'💬';
  width:60px;
  height:60px;
  margin:0 auto 16px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(180deg,#ecf3ff 0%,#dde9ff 100%);
  border:1px solid #cddcfb;
  box-shadow:0 10px 24px rgba(73,104,171,.12);
  font-size:24px;
}

.iwc-detail-wrap .iwc-comment-box .iwc-empty{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  font-size:0;
}

.iwc-detail-wrap .iwc-comment-box .iwc-empty::after{
  content:'등록된 댓글이 없습니다.\A첫 댓글이 이 구역의 불을 켭니다';
  white-space:pre-line;
  display:block;
  margin-top:4px;
  font-size:14px;
  line-height:1.75;
  font-weight:700;
  color:#8a96a8;
}

/* 2026-03-19 detail page white tone comment action buttons */
.iwc-detail-wrap .iwc-comment-box .iwc-comment-actions > .iwc-reply-open{
  background:linear-gradient(180deg,#f3f8ff 0%,#e7efff 100%) !important;
  border:1px solid rgba(96,188,255,.34) !important;
  color:#2f74d7 !important;
  box-shadow:0 10px 24px rgba(66,111,191,.10), inset 0 1px 0 rgba(255,255,255,.92) !important;
}

.iwc-detail-wrap .iwc-comment-box .iwc-comment-actions > .iwc-reply-open:hover{
  background:linear-gradient(180deg,#e8f2ff 0%,#dbe8ff 100%) !important;
  border-color:rgba(76,156,255,.52) !important;
  color:#1f64cb !important;
}

.iwc-detail-wrap .iwc-comment-box .iwc-comment-actions > .iwc-report-comment{
  background:linear-gradient(180deg,#fff6e8 0%,#ffedcf 100%) !important;
  border:1px solid rgba(255,184,77,.42) !important;
  color:#a86400 !important;
  box-shadow:0 10px 24px rgba(145,95,8,.10), inset 0 1px 0 rgba(255,255,255,.92) !important;
}

.iwc-detail-wrap .iwc-comment-box .iwc-comment-actions > .iwc-report-comment:hover{
  background:linear-gradient(180deg,#ffefdb 0%,#ffe2b8 100%) !important;
  border-color:rgba(255,170,46,.64) !important;
  color:#8f5500 !important;
}

.iwc-detail-wrap .iwc-comment-box .iwc-comment-actions > .iwc-comment-delete{
  background:linear-gradient(180deg,#fff2f2 0%,#ffe0e0 100%) !important;
  border:1px solid rgba(255,101,101,.38) !important;
  color:#c93b3b !important;
  box-shadow:0 10px 24px rgba(176,52,52,.10), inset 0 1px 0 rgba(255,255,255,.92) !important;
}

.iwc-detail-wrap .iwc-comment-box .iwc-comment-actions > .iwc-comment-delete:hover{
  background:linear-gradient(180deg,#ffe8e8 0%,#ffd0d0 100%) !important;
  border-color:rgba(255,98,98,.60) !important;
  color:#b52d2d !important;
}

.iwc-vs-cinema-wrap .iwc-vs-overlay{
  position:absolute;
  inset:0;
  z-index:2;
  background:
    linear-gradient(180deg, rgba(2,6,23,.05) 0%, rgba(2,6,23,0) 24%, rgba(2,6,23,0) 58%, rgba(2,6,23,.78) 100%),
    linear-gradient(90deg, rgba(15,23,42,.32) 0%, rgba(15,23,42,0) 24%, rgba(15,23,42,0) 76%, rgba(15,23,42,.32) 100%);
  pointer-events:none;
}
.iwc-vs-cinema-wrap .iwc-vs-side-meta{
  position:absolute;
  top:18px;
  z-index:4;
  display:flex;
  flex-direction:column;
  gap:6px;
  min-width:170px;
  padding:14px 16px;
  border-radius:22px;
  background:rgba(5,9,18,.58);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  border:1px solid rgba(148,163,184,.12);
  box-shadow:0 14px 30px rgba(2,6,23,.25);
}
.iwc-vs-cinema-wrap .iwc-vs-side-meta em{
  color:#93c5fd;
  font-style:normal;
  font-size:11px;
  font-weight:500;
  letter-spacing:.10em;
  text-transform:uppercase;
}
.iwc-vs-cinema-wrap .iwc-vs-side-meta strong{
  color:#f8fafc;
  font-size:15px;
  font-weight:500;
  line-height:1.2;
}
.iwc-vs-cinema-wrap .iwc-vs-side-meta-left{ left:18px; align-items:flex-start; }
.iwc-vs-cinema-wrap .iwc-vs-side-meta-right{ right:18px; align-items:flex-end; }

.iwc-vs-cinema-wrap .iwc-vs-bottom-tip{
  position:absolute;
  left:50%;
  top:20px;
  z-index:5;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:6px;
  transform:translateX(-50%);
  min-width:260px;
  padding:14px 20px;
  border-radius:999px;
  background:rgba(5,9,18,.62);
  border:1px solid rgba(148,163,184,.14);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  box-shadow:0 16px 34px rgba(2,6,23,.28);
  pointer-events:none;
}
.iwc-vs-cinema-wrap .iwc-vs-bottom-tip span{
  color:#cbd5e1;
  font-size:13px;
  font-weight:700;
}
.iwc-vs-cinema-wrap .iwc-vs-bottom-tip strong{
  color:#f8fafc;
  font-size:11px;
  font-weight:900;
  letter-spacing:.24em;
}

.iwc-vs-cinema-wrap.is-picking .iwc-vs-bottom-tip{
  opacity:.22;
  transition:opacity .24s ease;
}
/* =========================================================
   VS REAL ASPECT FIX (2026-03)
   - 가로형: width 100%, height auto
   - 세로형: height 100%, width auto
   - 카드 높이 명시로 tiny image / 삼킴 현상 방지
   ========================================================= */
.iwc-vs-canvas{
  position:relative;
  overflow:hidden;
}

.iwc-vs-side{
  height:min(72vh, 860px) !important;
  overflow:visible !important;
}

.iwc-vs-side-left,
.iwc-vs-side-right{
  top:50% !important;
  bottom:auto !important;
  transform:translateY(-50%) !important;
}

.iwc-vs-side:hover,
.iwc-vs-side:focus,
.iwc-vs-side:active,
.iwc-vs-side.iwc-item-card:hover{
  transform:translateY(-50%) !important;
}

.iwc-vs-side-inner{
  position:relative !important;
  width:100% !important;
  height:100% !important;
  display:flex !important;
  align-items:center !important;
  overflow:hidden !important;
  border-radius:28px !important;
}

.iwc-vs-side-left .iwc-vs-side-inner{
  justify-content:flex-end !important;
}

.iwc-vs-side-right .iwc-vs-side-inner{
  justify-content:flex-start !important;
}

.iwc-vs-side img,
.iwc-vs-side .iwc-noimg{
  display:block !important;
  border-radius:28px !important;
  max-width:none;
  max-height:none;
}

.iwc-vs-side.is-land img{
  width:100% !important;
  height:auto !important;
  max-width:100% !important;
  max-height:100% !important;
}

.iwc-vs-side.is-port img{
  width:auto !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
}

.iwc-vs-side:not(.is-land):not(.is-port) img{
  max-width:100% !important;
  max-height:100% !important;
  width:auto !important;
  height:auto !important;
}

.iwc-vs-side .iwc-noimg{
  width:100% !important;
  height:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.iwc-vs-name{
  z-index:4 !important;
}

@media (max-width: 680px){
  .iwc-vs-side{
    height:clamp(200px, 33vh, 320px) !important;
  }

  .iwc-vs-side-left,
  .iwc-vs-side-right{
    transform:none !important;
  }

  .iwc-vs-side:hover,
  .iwc-vs-side:focus,
  .iwc-vs-side:active,
  .iwc-vs-side.iwc-item-card:hover{
    transform:none !important;
  }

  .iwc-vs-side-inner{
    border-radius:24px !important;
  }

  .iwc-vs-side img,
  .iwc-vs-side .iwc-noimg{
    border-radius:24px !important;
  }

  .iwc-vs-side.is-land img,
  .iwc-vs-side.is-port img,
  .iwc-vs-side:not(.is-land):not(.is-port) img{
    max-width:calc(100% - 24px) !important;
    max-height:100% !important;
  }
}

/* =========================================================
   VS FINAL UNIFIED PATCH
   - 중복 스타일 제거 후 맨 아래에 이것만 유지
   - 가로형: width 100%, height auto
   - 세로형: height 100%, width auto
   - 카드 높이 고정으로 이미지마다 내려가 보이는 현상 방지
   ========================================================= */

/* -------------------------
   1. VS 카드 기본 위치/크기
   ------------------------- */
.iwc-vs-side{
  position:absolute !important;
  top:50% !important;
  width:calc(50% - 28px) !important;
  height:min(72vh, 860px) !important;
  transform:translateY(-50%) !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
  border-radius:28px !important;
}

.iwc-vs-side-left{
  left:18px !important;
}

.iwc-vs-side-right{
  left:auto !important;
  right:18px !important;
}

/* hover 시 중앙축 안 흔들리게 */
.iwc-vs-side:hover,
.iwc-vs-side:focus,
.iwc-vs-side:active,
.iwc-vs-side.iwc-item-card:hover{
  transform:translateY(-50%) !important;
}

/* -------------------------
   2. 카드 내부 무대
   ------------------------- */
.iwc-vs-side-inner{
  position:relative !important;
  width:100% !important;
  height:100% !important;
  display:flex !important;
  align-items:center !important;
  overflow:hidden !important;
  border-radius:28px !important;
}

/* 좌우 이미지를 중앙선 기준으로 붙여 보이게 */
.iwc-vs-side-left .iwc-vs-side-inner{
  justify-content:flex-end !important;
}

.iwc-vs-side-right .iwc-vs-side-inner{
  justify-content:flex-start !important;
}

/* -------------------------
   3. 이미지 공통
   ------------------------- */
.iwc-vs-side img{
  display:block !important;
  margin:0 !important;
  vertical-align:top !important;
  max-width:100% !important;
  max-height:100% !important;
  border-radius:28px !important;
  object-fit:contain !important;
  object-position:center center !important;
  transform:none !important;
  transition:none !important;
  filter:none !important;
  box-shadow:0 30px 80px rgba(2,6,23,.38) !important;
}

/* no image */
.iwc-vs-side .iwc-noimg{
  width:100% !important;
  height:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:28px !important;
  background:linear-gradient(135deg, rgba(15,23,42,.96), rgba(30,41,59,.90)) !important;
  border:1px solid rgba(148,163,184,.12) !important;
  color:#cbd5e1 !important;
  font-weight:900 !important;
  letter-spacing:.08em !important;
}

/* -------------------------
   4. 가로형 / 세로형 분기
   ------------------------- */

/* 가로형: 가로를 꽉 채우고 높이는 자동 */
.iwc-vs-side.is-land img{
  width:100% !important;
  height:auto !important;
  max-width:100% !important;
  max-height:100% !important;
}

/* 세로형도 카드 높이는 동일하게 유지 */
.iwc-vs-side.is-port{
  height:min(72vh, 860px) !important;
}

/* 세로형: 높이를 꽉 채우고 가로는 자동 */
.iwc-vs-side.is-port img{
  width:auto !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
}

/* -------------------------
   5. 이름 박스 / 상단 후보 pill
   ------------------------- */
.iwc-vs-cinema-wrap .iwc-vs-side-meta{
  top:18px !important;
  min-height:74px !important;
  padding:12px 18px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  gap:4px !important;
  box-sizing:border-box !important;
  z-index:7 !important;
}

.iwc-vs-cinema-wrap .iwc-vs-side-meta em,
.iwc-vs-cinema-wrap .iwc-vs-side-meta strong{
  display:block !important;
  line-height:1.15 !important;
  margin:0 !important;
}

/* -------------------------
   6. 모바일 / 태블릿
   ------------------------- */
@media (max-width: 1024px){
  .iwc-vs-side{
    height:min(66vh, 720px) !important;
  }

  .iwc-vs-side.is-port{
    height:min(66vh, 720px) !important;
  }
}

@media (max-width: 767px){
  .iwc-vs-side{
    width:calc(100% - 24px) !important;
    height:min(40vh, 420px) !important;
    left:12px !important;
    right:auto !important;
    transform:none !important;
  }

  .iwc-vs-side-left{
    top:14px !important;
  }

  .iwc-vs-side-right{
    top:auto !important;
    bottom:14px !important;
    right:auto !important;
  }

  .iwc-vs-side:hover,
  .iwc-vs-side:focus,
  .iwc-vs-side:active,
  .iwc-vs-side.iwc-item-card:hover{
    transform:none !important;
  }

  .iwc-vs-side.is-port{
    height:min(40vh, 420px) !important;
  }

  .iwc-vs-side img,
  .iwc-vs-side.is-land img{
    width:100% !important;
    height:auto !important;
    max-width:100% !important;
    max-height:100% !important;
  }

  .iwc-vs-side.is-port img{
    width:auto !important;
    height:100% !important;
    max-width:100% !important;
    max-height:100% !important;
  }

  .iwc-vs-name{
    bottom:14px !important;
  }

  .iwc-vs-cinema-wrap .iwc-vs-side-meta{
    min-height:64px !important;
    padding:10px 14px !important;
  }
}

/* =========================================================
   VS 카드 박스를 화면 높이에 맞추는 최종 패치
   - 이미지 박스 자체를 화면 기준으로 잡음
   - 원본 잘림 최소화
   ========================================================= */

/* 전체 VS 영역 */
.iwc-vs-cinema-wrap{
  height:100vh;
  min-height:100vh;
  overflow:hidden;
  box-sizing:border-box;
}

/* 상단 HUD 아래 실제 배틀 영역 */
.iwc-vs-canvas{
  position:relative !important;
  height:calc(100vh - 190px) !important; /* 상단 영역만큼 제외 */
  min-height:520px !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
}

/* 좌우 카드 */
.iwc-vs-side{
  position:absolute !important;
  top:50% !important;
  width:calc(50% - 28px) !important;
  height:100% !important;
  transform:translateY(-50%) !important;
  overflow:hidden !important;
  border-radius:28px !important;
  box-sizing:border-box !important;
}

.iwc-vs-side-left{
  left:18px !important;
}

.iwc-vs-side-right{
  left:auto !important;
  right:18px !important;
}

.iwc-vs-side:hover,
.iwc-vs-side:focus,
.iwc-vs-side:active,
.iwc-vs-side.iwc-item-card:hover{
  transform:translateY(-50%) !important;
}

/* 카드 내부 */
.iwc-vs-side-inner{
  position:relative !important;
  width:100% !important;
  height:100% !important;
  display:flex !important;
  align-items:center !important;
  overflow:hidden !important;
  border-radius:28px !important;
}

.iwc-vs-side-left .iwc-vs-side-inner{
  justify-content:flex-end !important;
}

.iwc-vs-side-right .iwc-vs-side-inner{
  justify-content:flex-start !important;
}

/* 이미지 공통 */
.iwc-vs-side img{
  display:block !important;
  margin:0 !important;
  max-width:100% !important;
  max-height:100% !important;
  border-radius:28px !important;
  object-fit:contain !important;
  object-position:center center !important;
}

/* 가로형 */
.iwc-vs-side.is-land img{
  width:100% !important;
  height:auto !important;
}

/* 세로형 */
.iwc-vs-side.is-port img{
  width:auto !important;
  height:100% !important;
}

/* 이미지 없음 */
.iwc-vs-side .iwc-noimg{
  width:100% !important;
  height:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:28px !important;
}

/* 상단 후보 pill */
.iwc-vs-cinema-wrap .iwc-vs-side-meta{
  top:18px !important;
  min-height:74px !important;
  padding:12px 18px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  gap:4px !important;
  box-sizing:border-box !important;
  z-index:7 !important;
}

/* 모바일 */
@media (max-width: 1024px){
  .iwc-vs-canvas{
    height:calc(100vh - 170px) !important;
    min-height:460px !important;
  }
}

@media (max-width: 767px){
  .iwc-vs-canvas{
    height:calc(100vh - 130px) !important;
    min-height:unset !important;
  }

  .iwc-vs-side{
    width:calc(100% - 24px) !important;
    height:calc(50% - 18px) !important;
    left:12px !important;
    right:auto !important;
    transform:none !important;
  }

  .iwc-vs-side-left{
    top:12px !important;
  }

  .iwc-vs-side-right{
    top:auto !important;
    bottom:12px !important;
    right:auto !important;
  }

  .iwc-vs-side:hover,
  .iwc-vs-side:focus,
  .iwc-vs-side:active,
  .iwc-vs-side.iwc-item-card:hover{
    transform:none !important;
  }

  .iwc-vs-side.is-land img{
    width:100% !important;
    height:auto !important;
  }

  .iwc-vs-side.is-port img{
    width:auto !important;
    height:100% !important;
  }

  .iwc-vs-name{
    bottom:14px !important;
  }
}

/* =========================================================
   VS JS AUTO STAGE FINAL
   - JS가 계산한 --iwc-vs-canvas-h 사용
   ========================================================= */

.iwc-vs-cinema-wrap{
  --iwc-vs-canvas-h: 640px;
}

.iwc-vs-canvas{
  position:relative !important;
  height:var(--iwc-vs-canvas-h) !important;
  min-height:360px !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
}

.iwc-vs-side{
  position:absolute !important;
  top:50% !important;
  width:calc(50% - 28px) !important;
  height:100% !important;
  transform:translateY(-50%) !important;
  overflow:hidden !important;
  border-radius:28px !important;
  box-sizing:border-box !important;
}

.iwc-vs-side-left{
  left:18px !important;
}

.iwc-vs-side-right{
  left:auto !important;
  right:18px !important;
}

.iwc-vs-side:hover,
.iwc-vs-side:focus,
.iwc-vs-side:active,
.iwc-vs-side.iwc-item-card:hover{
  transform:translateY(-50%) !important;
}

.iwc-vs-side-inner{
  position:relative !important;
  width:100% !important;
  height:100% !important;
  display:flex !important;
  align-items:center !important;
  overflow:hidden !important;
  border-radius:28px !important;
}

.iwc-vs-side-left .iwc-vs-side-inner{
  justify-content:flex-end !important;
}

.iwc-vs-side-right .iwc-vs-side-inner{
  justify-content:flex-start !important;
}

.iwc-vs-side img{
  display:block !important;
  margin:0 !important;
  max-width:100% !important;
  max-height:100% !important;
  border-radius:28px !important;
  object-fit:contain !important;
  object-position:center center !important;
}

.iwc-vs-side.is-land img{
  width:100% !important;
  height:auto !important;
}

.iwc-vs-side.is-port img{
  width:auto !important;
  height:100% !important;
}

.iwc-vs-side .iwc-noimg{
  width:100% !important;
  height:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:28px !important;
}

.iwc-vs-cinema-wrap .iwc-vs-side-meta{
  top:18px !important;
  min-height:74px !important;
  padding:12px 18px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  gap:4px !important;
  box-sizing:border-box !important;
  z-index:7 !important;
}

@media (max-width: 1024px){
  .iwc-vs-canvas{
    min-height:420px !important;
  }
}

@media (max-width: 767px){
  .iwc-vs-side{
    width:calc(100% - 24px) !important;
    height:calc((var(--iwc-vs-canvas-h) / 2) - 18px) !important;
    left:12px !important;
    right:auto !important;
    transform:none !important;
  }

  .iwc-vs-side-left{
    top:12px !important;
  }

  .iwc-vs-side-right{
    top:auto !important;
    bottom:12px !important;
    right:auto !important;
  }

  .iwc-vs-side:hover,
  .iwc-vs-side:focus,
  .iwc-vs-side:active,
  .iwc-vs-side.iwc-item-card:hover{
    transform:none !important;
  }

  .iwc-vs-side.is-land img{
    width:100% !important;
    height:auto !important;
  }

  .iwc-vs-side.is-port img{
    width:auto !important;
    height:100% !important;
  }

  .iwc-vs-name{
    bottom:14px !important;
  }

  .iwc-vs-cinema-wrap .iwc-vs-side-meta{
    min-height:64px !important;
    padding:10px 14px !important;
  }
}

/* =========================================================
   VS 이미지 뒤 블러 배경 채우기
   - 앞 이미지는 원본 유지
   - 남는 공간은 같은 이미지 blur 배경으로 채움
   ========================================================= */

/* 카드 내부 미디어 래퍼 */
.iwc-vs-media{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  height:100% !important;
  overflow:hidden !important;
  border-radius:28px !important;
  background:#0b1020 !important;
}

/* 뒤쪽 blur 배경 */
.iwc-vs-media-bg{
  position:absolute !important;
  inset:0 !important;
  background-repeat:no-repeat !important;
  background-position:center center !important;
  background-size:cover !important;
  transform:scale(1.12) !important;
  filter:blur(12px) brightness(.62) saturate(1.05) !important;
  opacity:.95 !important;
  z-index:1 !important;
}

/* 배경 위에 어두운 레이어 */
.iwc-vs-media::after{
  content:'' !important;
  position:absolute !important;
  inset:0 !important;
  z-index:2 !important;
  pointer-events:none !important;
  background:
    radial-gradient(circle at center, rgba(255,255,255,.04), rgba(255,255,255,0) 42%),
    linear-gradient(to top, rgba(7,10,18,.42), rgba(7,10,18,.10) 35%, rgba(7,10,18,.20)),
    linear-gradient(to right, rgba(7,10,18,.16), transparent 16%, transparent 84%, rgba(7,10,18,.16)) !important;
}

/* 실제 원본 이미지 */
.iwc-vs-media > img{
  position:relative !important;
  z-index:3 !important;
  display:block !important;
  margin:0 auto !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  border-radius:28px !important;
  box-shadow:0 18px 40px rgba(0,0,0,.18) !important;
}

/* 가로형 */
.iwc-vs-side.is-land .iwc-vs-media > img{
  width:100% !important;
  height:auto !important;
}

/* 세로형 */
.iwc-vs-side.is-port .iwc-vs-media > img{
  width:auto !important;
  height:100% !important;
}

/* 이미지가 없을 때 */
.iwc-vs-side .iwc-noimg{
  width:100% !important;
  height:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:28px !important;
  background:
    radial-gradient(circle at 50% 35%, rgba(59,130,246,.16), transparent 30%),
    linear-gradient(135deg, rgba(15,23,42,.96), rgba(30,41,59,.90)) !important;
  color:#cbd5e1 !important;
  font-weight:900 !important;
  letter-spacing:.08em !important;
}

/* 기존 이미지 공통 규칙보다 우선 */
.iwc-vs-side > img,
.iwc-vs-side-inner > img{
  display:none !important;
}

/* 2026-03-21 VS progress flow reposition */
.iwc-vs-lobby-head{
  grid-template-columns:212px minmax(0,1fr) auto;
  grid-template-areas:
    "thumb meta chips"
    "thumb progress progress";
  align-items:center;
}
.iwc-vs-lobby-thumb{grid-area:thumb;}
.iwc-vs-lobby-meta{grid-area:meta;}
.iwc-vs-hud-chip-wrap{grid-area:chips;}
.iwc-vs-progress{
  grid-area:progress;
  width:100%;
  margin-top:0;
  padding:14px 18px 16px;
}
.iwc-vs-top-status{display:none !important;}
.iwc-vs-progress-top{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:14px;
  margin-bottom:0;
}
.iwc-vs-progress-label{
  white-space:nowrap;
}
.iwc-vs-progress-row{
  min-width:0;
  width:100%;
}
.iwc-vs-progress-track{
  width:100%;
  display:block;
  height:14px;
}
@media (max-width: 1180px){
  .iwc-vs-lobby-head{
    grid-template-columns:212px minmax(0,1fr);
    grid-template-areas:
      "thumb meta"
      "thumb chips"
      "thumb progress";
  }
}
@media (max-width: 900px){
  .iwc-vs-lobby-head{
    grid-template-columns:180px minmax(0,1fr);
    grid-template-areas:
      "thumb meta"
      "thumb chips"
      "thumb progress";
  }
}
@media (max-width: 680px){
  .iwc-vs-lobby-head{
    grid-template-columns:1fr;
    grid-template-areas:
      "thumb"
      "meta"
      "chips"
      "progress";
  }
  .iwc-vs-progress-top{
    grid-template-columns:1fr;
    gap:10px;
  }
  .iwc-vs-progress-label,
  .iwc-vs-progress-top strong{
    white-space:normal;
  }
}

/* 2026-03-21 ROUND FLOW single-line game UI override */
.iwc-vs-progress{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(96,165,250,.28);
  border-radius:18px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,0) 32%),
    linear-gradient(135deg, rgba(2,6,23,.94), rgba(11,18,32,.92) 48%, rgba(10,25,47,.94));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    inset 0 0 0 1px rgba(56,189,248,.04),
    0 12px 34px rgba(2,6,23,.34);
}
.iwc-vs-progress::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    repeating-linear-gradient(90deg, rgba(148,163,184,.055) 0 1px, transparent 1px 22px),
    linear-gradient(90deg, transparent, rgba(59,130,246,.08), transparent);
  pointer-events:none;
}
.iwc-vs-progress-top{
  display:flex !important;
  align-items:center;
  gap:14px;
  width:100%;
  min-width:0;
  flex-wrap:nowrap !important;
  white-space:nowrap;
}
.iwc-vs-progress-label,
.iwc-vs-progress-top strong{
  flex:0 0 auto;
  white-space:nowrap !important;
  line-height:1;
}
.iwc-vs-progress-label{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-size:clamp(13px, .88vw, 16px);
  font-weight:1000;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#dbeafe;
  text-shadow:0 0 12px rgba(96,165,250,.18);
}
.iwc-vs-progress-label::before{
  content:"▶";
  font-size:.8em;
  color:#38bdf8;
  text-shadow:0 0 10px rgba(56,189,248,.45);
}
.iwc-vs-progress-row{
  position:relative;
  display:flex;
  align-items:center;
  flex:1 1 auto;
  min-width:0;
  width:auto;
}
.iwc-vs-progress-track{
  position:relative;
  flex:1 1 auto;
  min-width:120px;
  width:auto !important;
  height:12px;
  border-radius:999px;
  overflow:visible;
  background:linear-gradient(180deg, rgba(15,23,42,.96), rgba(30,41,59,.9));
  border:1px solid rgba(148,163,184,.22);
  box-shadow:
    inset 0 2px 8px rgba(0,0,0,.45),
    0 0 0 1px rgba(255,255,255,.03);
}
.iwc-vs-progress-track::before,
.iwc-vs-progress-track::after{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  font-weight:1000;
  font-size:14px;
  line-height:1;
  color:#60a5fa;
  text-shadow:0 0 10px rgba(59,130,246,.28);
}
.iwc-vs-progress-track::before{content:"["; left:-10px;}
.iwc-vs-progress-track::after{content:"]"; right:-10px;}
.iwc-vs-progress-track span{
  position:relative;
  display:block;
  height:100%;
  border-radius:999px;
  background:
    repeating-linear-gradient(90deg, rgba(255,255,255,.28) 0 10px, rgba(255,255,255,.08) 10px 14px),
    linear-gradient(90deg, #2563eb 0%, #38bdf8 50%, #93c5fd 100%);
  box-shadow:
    inset 0 0 10px rgba(255,255,255,.28),
    0 0 18px rgba(56,189,248,.30);
}
.iwc-vs-progress-track span::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(180deg, rgba(255,255,255,.34), transparent 55%);
}
.iwc-vs-progress-top strong{
  padding:0 0 0 2px;
  font-size:clamp(14px, .95vw, 17px);
  font-weight:1000;
  color:#f8fafc;
  letter-spacing:.18em;
  text-shadow:0 0 10px rgba(255,255,255,.1);
}

@media (max-width: 900px){
  .iwc-vs-progress{padding:12px 16px 14px;}
  .iwc-vs-progress-top{gap:10px;}
  .iwc-vs-progress-label{font-size:12px;letter-spacing:.1em;}
  .iwc-vs-progress-top strong{font-size:13px;letter-spacing:.12em;}
  .iwc-vs-progress-track{min-width:88px;height:10px;}
}

@media (max-width: 680px){
  .iwc-vs-progress{padding:10px 14px 12px;}
  .iwc-vs-progress-top{
    display:flex !important;
    flex-wrap:nowrap !important;
    gap:8px;
  }
  .iwc-vs-progress-label{font-size:11px;letter-spacing:.06em;gap:6px;}
  .iwc-vs-progress-top strong{font-size:12px;letter-spacing:.08em;}
  .iwc-vs-progress-track{min-width:64px;height:9px;}
  .iwc-vs-progress-track::before{left:-8px;}
  .iwc-vs-progress-track::after{right:-8px;}
}


/* ===== VS ROUND FLOW TRUE ONE-LINE FIX ===== */
.iwc-vs-progress{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  flex-wrap:nowrap !important;
  gap:12px !important;
  width:100% !important;
  min-width:0 !important;
  padding:10px 16px !important;
  margin-top:-6px !important;
  border-radius:18px !important;
  background:linear-gradient(180deg, rgba(7,18,43,.96), rgba(5,14,34,.92)) !important;
  border:1px solid rgba(96,165,250,.24) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03), 0 10px 28px rgba(2,6,23,.34) !important;
  overflow:hidden !important;
}
.iwc-vs-progress-top,
.iwc-vs-progress-row{
  display:none !important;
}
.iwc-vs-progress-label{
  display:inline-flex !important;
  align-items:center !important;
  flex:0 0 auto !important;
  white-space:nowrap !important;
  font-size:15px !important;
  font-weight:1000 !important;
  line-height:1 !important;
  letter-spacing:.12em !important;
  color:#dbeafe !important;
  text-shadow:0 0 12px rgba(96,165,250,.18) !important;
}
.iwc-vs-progress-track{
  position:relative !important;
  display:block !important;
  flex:1 1 auto !important;
  min-width:0 !important;
  width:auto !important;
  height:14px !important;
  margin:0 2px !important;
  border:none !important;
  border-radius:999px !important;
  overflow:visible !important;
  background:rgba(148,163,184,.14) !important;
  box-shadow:inset 0 0 0 1px rgba(191,219,254,.14) !important;
}
.iwc-vs-progress-track::before,
.iwc-vs-progress-track::after{
  position:absolute !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  color:rgba(219,234,254,.9) !important;
  font-family:Consolas, Monaco, "Courier New", monospace !important;
  font-size:15px !important;
  font-weight:700 !important;
  line-height:1 !important;
  text-shadow:none !important;
}
.iwc-vs-progress-track::before{
  content:"[" !important;
  left:-10px !important;
}
.iwc-vs-progress-track::after{
  content:"]" !important;
  right:-10px !important;
}
.iwc-vs-progress-track > span{
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  bottom:0 !important;
  display:block !important;
  min-width:0 !important;
  width:0;
  overflow:hidden !important;
  border-radius:999px !important;
  background:linear-gradient(90deg, rgba(125,211,252,.95), rgba(56,189,248,.9)) !important;
  box-shadow:0 0 12px rgba(56,189,248,.28) !important;
}
.iwc-vs-progress-track > span::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:repeating-linear-gradient(90deg, rgba(255,255,255,.12) 0 10px, rgba(255,255,255,0) 10px 14px) !important;
}
.iwc-vs-progress-track > span::after{
  content:none !important;
}
.iwc-vs-progress-count{
  display:inline-block !important;
  flex:0 0 auto !important;
  white-space:nowrap !important;
  font-size:15px !important;
  font-weight:1000 !important;
  line-height:1 !important;
  letter-spacing:.08em !important;
  color:#ffffff !important;
}
@media (max-width: 900px){
  .iwc-vs-progress{gap:10px !important; padding:9px 14px !important; margin-top:-4px !important;}
  .iwc-vs-progress-label, .iwc-vs-progress-count{font-size:13px !important;}
  .iwc-vs-progress-track{height:12px !important;}
  .iwc-vs-progress-track::before,
  .iwc-vs-progress-track::after{font-size:13px !important;}
}


/* 2026-03-22 Ideal Cup themed progress bar override */
.iwc-vs-progress{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  width:100% !important;
  min-width:0 !important;
  margin-top:-10px !important;
  padding:8px 16px 10px !important;
  border-radius:999px !important;
  border:1px solid rgba(255,182,193,.22) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.02)),
    linear-gradient(90deg, rgba(255,105,145,.12), rgba(96,165,250,.10)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 14px 28px rgba(7,13,31,.22) !important;
  overflow:visible !important;
}
.iwc-vs-progress::before{
  content:none !important;
}
.iwc-vs-progress-label{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  flex:0 0 auto !important;
  white-space:nowrap !important;
  font-size:15px !important;
  font-weight:900 !important;
  line-height:1 !important;
  letter-spacing:.08em !important;
  color:#f8fbff !important;
  text-shadow:0 0 10px rgba(255,255,255,.08) !important;
}
.iwc-vs-progress-label::before{
  content:"♥" !important;
  display:inline-block !important;
  color:#ff7da4 !important;
  font-size:13px !important;
  text-shadow:0 0 10px rgba(255,125,164,.35) !important;
}
.iwc-vs-progress-track{
  position:relative !important;
  display:block !important;
  flex:1 1 auto !important;
  min-width:0 !important;
  width:auto !important;
  height:16px !important;
  margin:0 !important;
  border:none !important;
  border-radius:999px !important;
  overflow:hidden !important;
  background:
    linear-gradient(180deg, rgba(10,20,42,.86), rgba(23,33,60,.92)) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.07),
    inset 0 4px 12px rgba(0,0,0,.32) !important;
}
.iwc-vs-progress-track::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.08), transparent 55%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.06) 0 18px, rgba(255,255,255,0) 18px 20px) !important;
  pointer-events:none !important;
}
.iwc-vs-progress-track::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  border-radius:inherit !important;
  box-shadow:inset 0 0 0 1px rgba(255,182,193,.10) !important;
  pointer-events:none !important;
}
.iwc-vs-progress-track > span{
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  bottom:0 !important;
  display:block !important;
  min-width:8px !important;
  border-radius:999px !important;
  overflow:hidden !important;
  background:
    linear-gradient(90deg, #ff7da4 0%, #ff5f87 45%, #ffb7c9 100%) !important;
  box-shadow:
    0 0 16px rgba(255,95,135,.28),
    inset 0 0 10px rgba(255,255,255,.22) !important;
}
.iwc-vs-progress-track > span::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.28), transparent 58%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.16) 0 18px, rgba(255,255,255,0) 18px 20px) !important;
}
.iwc-vs-progress-track > span::after{
  content:"" !important;
  position:absolute !important;
  top:50% !important;
  right:8px !important;
  width:10px !important;
  height:10px !important;
  border-radius:50% !important;
  transform:translateY(-50%) !important;
  background:rgba(255,255,255,.55) !important;
  filter:blur(3px) !important;
  opacity:.65 !important;
}
.iwc-vs-progress-count{
  display:inline-block !important;
  flex:0 0 auto !important;
  white-space:nowrap !important;
  font-size:15px !important;
  font-weight:900 !important;
  line-height:1 !important;
  letter-spacing:.04em !important;
  color:#ffffff !important;
}
@media (max-width: 900px){
  .iwc-vs-progress{
    gap:10px !important;
    padding:7px 14px 9px !important;
    margin-top:-8px !important;
  }
  .iwc-vs-progress-label,
  .iwc-vs-progress-count{
    font-size:13px !important;
  }
  .iwc-vs-progress-track{
    height:14px !important;
  }
}


/* 2026-03-22 VS progress natural rail fix using actual classes */
.iwc-vs-progress{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  width:100% !important;
  min-width:0 !important;
  margin-top:-8px !important;
  padding:8px 16px 10px !important;
  border-radius:999px !important;
  border:1px solid rgba(255,182,193,.18) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.015)),
    linear-gradient(90deg, rgba(255,105,145,.08), rgba(96,165,250,.07)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    0 12px 24px rgba(7,13,31,.18) !important;
  overflow:visible !important;
}
.iwc-vs-progress::before{
  content:none !important;
}
.iwc-vs-progress-label{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  flex:0 0 auto !important;
  white-space:nowrap !important;
  font-size:15px !important;
  font-weight:900 !important;
  line-height:1 !important;
  letter-spacing:.08em !important;
  color:#f8fbff !important;
  text-shadow:0 0 10px rgba(255,255,255,.06) !important;
}
.iwc-vs-progress-label::before{
  content:"♥" !important;
  display:inline-block !important;
  color:#ff7da4 !important;
  font-size:13px !important;
  text-shadow:0 0 8px rgba(255,125,164,.28) !important;
}
.iwc-vs-progress-track{
  position:relative !important;
  display:block !important;
  flex:1 1 auto !important;
  min-width:0 !important;
  width:auto !important;
  height:16px !important;
  margin:0 !important;
  border:none !important;
  border-radius:999px !important;
  overflow:hidden !important;
  background:
    linear-gradient(180deg, rgba(18,26,49,.88), rgba(14,21,40,.96)) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.06),
    inset 0 5px 12px rgba(0,0,0,.22) !important;
}
.iwc-vs-progress-track::before,
.iwc-vs-progress-track::after{
  content:none !important;
}
.iwc-vs-progress-track > span{
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  bottom:0 !important;
  display:block !important;
  min-width:6px !important;
  border-radius:999px !important;
  overflow:hidden !important;
  background:
    linear-gradient(90deg, #ff8eb0 0%, #ff729d 45%, #ffc1d2 100%) !important;
  box-shadow:
    0 0 14px rgba(255,114,157,.20),
    inset 0 0 8px rgba(255,255,255,.18) !important;
}
.iwc-vs-progress-track > span::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:linear-gradient(180deg, rgba(255,255,255,.24), transparent 60%) !important;
}
.iwc-vs-progress-track > span::after{
  content:"" !important;
  position:absolute !important;
  top:0 !important;
  right:0 !important;
  width:20px !important;
  height:100% !important;
  background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.20), rgba(255,255,255,0)) !important;
  filter:blur(2px) !important;
  opacity:.7 !important;
}
.iwc-vs-progress-count{
  display:inline-block !important;
  flex:0 0 auto !important;
  white-space:nowrap !important;
  font-size:15px !important;
  font-weight:900 !important;
  line-height:1 !important;
  letter-spacing:.04em !important;
  color:#ffffff !important;
}
@media (max-width: 900px){
  .iwc-vs-progress{
    gap:10px !important;
    padding:7px 14px 9px !important;
    margin-top:-6px !important;
  }
  .iwc-vs-progress-label,
  .iwc-vs-progress-count{
    font-size:13px !important;
  }
  .iwc-vs-progress-track{
    height:14px !important;
  }
}


/* 2026-03-22 VS progress flow animation + final gold */
@keyframes iwcProgressShimmer{
  0%{ transform:translateX(-140%); opacity:0; }
  18%{ opacity:.0; }
  35%{ opacity:.72; }
  100%{ transform:translateX(220%); opacity:0; }
}
@keyframes iwcProgressPulse{
  0%,100%{ box-shadow:0 0 14px rgba(255,114,157,.18), inset 0 0 8px rgba(255,255,255,.16); }
  50%{ box-shadow:0 0 20px rgba(255,114,157,.26), inset 0 0 10px rgba(255,255,255,.22); }
}
.iwc-vs-progress-track{
  isolation:isolate !important;
}
.iwc-vs-progress-track > span{
  animation:iwcProgressPulse 2.2s ease-in-out infinite !important;
}
.iwc-vs-progress-track > span::before{
  background:
    linear-gradient(180deg, rgba(255,255,255,.24), transparent 58%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.10) 0 10px, rgba(255,255,255,.02) 10px 20px) !important;
  opacity:.95 !important;
}
.iwc-vs-progress-track > span::after{
  right:auto !important;
  left:-34% !important;
  width:34% !important;
  background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.42), rgba(255,255,255,0)) !important;
  filter:blur(5px) !important;
  opacity:.9 !important;
  animation:iwcProgressShimmer 2.8s linear infinite !important;
}
.iwc-vs-progress.is-final{
  border-color:rgba(255,212,102,.30) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.02)),
    linear-gradient(90deg, rgba(255,191,71,.12), rgba(255,215,130,.08)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 14px 28px rgba(31,24,6,.22) !important;
}
.iwc-vs-progress.is-final .iwc-vs-progress-label::before{
  content:"👑" !important;
  color:#ffd86f !important;
  text-shadow:0 0 10px rgba(255,216,111,.32) !important;
}
.iwc-vs-progress.is-final .iwc-vs-progress-track{
  background:linear-gradient(180deg, rgba(41,31,10,.88), rgba(26,20,7,.96)) !important;
  box-shadow:inset 0 0 0 1px rgba(255,223,133,.10), inset 0 5px 12px rgba(0,0,0,.24) !important;
}
.iwc-vs-progress.is-final .iwc-vs-progress-track > span{
  background:linear-gradient(90deg, #ffd86f 0%, #ffbf47 48%, #fff0b0 100%) !important;
  box-shadow:0 0 18px rgba(255,191,71,.22), inset 0 0 8px rgba(255,255,255,.22) !important;
  animation:iwcProgressPulse 2s ease-in-out infinite !important;
}
.iwc-vs-progress.is-final .iwc-vs-progress-track > span::before{
  background:
    linear-gradient(180deg, rgba(255,255,255,.28), transparent 58%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.12) 0 10px, rgba(255,255,255,.03) 10px 20px) !important;
}
.iwc-vs-progress.is-final .iwc-vs-progress-track > span::after{
  background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,248,214,.54), rgba(255,255,255,0)) !important;
}
.iwc-vs-progress.is-final .iwc-vs-progress-count,
.iwc-vs-progress.is-final .iwc-vs-progress-label{
  color:#fff7de !important;
}


/* 2026-03-22 VS progress animation hotfix */
@keyframes iwcProgressFlowBg{
  0%{ background-position:0 0, 0 0, 0 0; }
  100%{ background-position:160px 0, 0 0, 0 0; }
}
@keyframes iwcProgressSweep{
  0%{ transform:translateX(-180%); opacity:0; }
  15%{ opacity:0; }
  35%{ opacity:.55; }
  70%{ opacity:.3; }
  100%{ transform:translateX(320%); opacity:0; }
}
.iwc-vs-progress-track > span{
  position:absolute !important;
  background:
    repeating-linear-gradient(90deg, rgba(255,255,255,.11) 0 12px, rgba(255,255,255,.03) 12px 24px),
    linear-gradient(180deg, rgba(255,255,255,.20), rgba(255,255,255,0) 58%),
    linear-gradient(90deg, #ff8eb0 0%, #ff729d 45%, #ffc1d2 100%) !important;
  background-size:160px 100%, 100% 100%, 100% 100% !important;
  animation:iwcProgressFlowBg 2.8s linear infinite, iwcProgressPulse 2.2s ease-in-out infinite !important;
  will-change:background-position, box-shadow !important;
}
.iwc-vs-progress-track > span::before{
  content:none !important;
}
.iwc-vs-progress-track > span::after{
  content:"" !important;
  position:absolute !important;
  top:-30% !important;
  bottom:-30% !important;
  left:-28% !important;
  width:28% !important;
  background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.42), rgba(255,255,255,0)) !important;
  filter:blur(5px) !important;
  opacity:.7 !important;
  animation:iwcProgressSweep 2.4s linear infinite !important;
  pointer-events:none !important;
}
.iwc-vs-progress.is-final .iwc-vs-progress-track > span{
  background:
    repeating-linear-gradient(90deg, rgba(255,255,255,.12) 0 12px, rgba(255,255,255,.03) 12px 24px),
    linear-gradient(180deg, rgba(255,255,255,.24), rgba(255,255,255,0) 58%),
    linear-gradient(90deg, #ffd86f 0%, #ffbf47 48%, #fff0b0 100%) !important;
  background-size:160px 100%, 100% 100%, 100% 100% !important;
}
.iwc-vs-progress.is-final .iwc-vs-progress-track > span::after{
  background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,248,214,.58), rgba(255,255,255,0)) !important;
}

/* 2026-03-22 FINAL hotfix: visible flowing animation + championship gold */
@keyframes iwcVsTrackFlowFinal {
  0% { background-position: 0 0, 0 0, 0 0; }
  100% { background-position: 180px 0, 0 0, 0 0; }
}
@keyframes iwcVsFillFlowFinal {
  0% { background-position: 0 0, 0 0, 0 0; }
  100% { background-position: 220px 0, 0 0, 0 0; }
}
@keyframes iwcVsFillSweepFinal {
  0% { transform: translateX(-180%) skewX(-18deg); opacity: 0; }
  12% { opacity: 0; }
  30% { opacity: .95; }
  55% { opacity: .45; }
  100% { transform: translateX(360%) skewX(-18deg); opacity: 0; }
}

.iwc-vs-progress-track{
  background:
    repeating-linear-gradient(90deg, rgba(255,255,255,.045) 0 14px, rgba(255,255,255,0) 14px 28px),
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,0) 48%),
    linear-gradient(180deg, rgba(18,26,49,.92), rgba(12,18,35,.98)) !important;
  background-size:180px 100%, 100% 100%, 100% 100% !important;
  animation:iwcVsTrackFlowFinal 5.6s linear infinite !important;
}
.iwc-vs-progress-track > span{
  left:0 !important;
  top:0 !important;
  bottom:0 !important;
  display:block !important;
  background:
    repeating-linear-gradient(90deg, rgba(255,255,255,.16) 0 16px, rgba(255,255,255,.04) 16px 32px),
    linear-gradient(180deg, rgba(255,255,255,.24), rgba(255,255,255,0) 56%),
    linear-gradient(90deg, #ff92b3 0%, #ff6c98 48%, #ffc4d3 100%) !important;
  background-size:220px 100%, 100% 100%, 100% 100% !important;
  animation:iwcVsFillFlowFinal 2.1s linear infinite, iwcProgressPulse 2.2s ease-in-out infinite !important;
  transform:translateZ(0) !important;
  will-change:background-position, box-shadow !important;
}
.iwc-vs-progress-track > span::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:linear-gradient(180deg, rgba(255,255,255,.20), rgba(255,255,255,0) 60%) !important;
  pointer-events:none !important;
}
.iwc-vs-progress-track > span::after{
  content:"" !important;
  position:absolute !important;
  top:-35% !important;
  bottom:-35% !important;
  left:-22% !important;
  width:22% !important;
  background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.85), rgba(255,255,255,0)) !important;
  filter:blur(4px) !important;
  opacity:.95 !important;
  pointer-events:none !important;
  animation:iwcVsFillSweepFinal 1.8s linear infinite !important;
}

.iwc-vs-progress.is-final{
  border-color:rgba(255,215,120,.34) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.02)),
    linear-gradient(90deg, rgba(255,202,87,.15), rgba(255,226,158,.07)) !important;
}
.iwc-vs-progress.is-final .iwc-vs-progress-label::before{
  content:"👑" !important;
  color:#ffd76a !important;
}
.iwc-vs-progress.is-final .iwc-vs-progress-track{
  background:
    repeating-linear-gradient(90deg, rgba(255,255,255,.05) 0 14px, rgba(255,255,255,0) 14px 28px),
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,0) 48%),
    linear-gradient(180deg, rgba(49,37,11,.92), rgba(24,18,6,.98)) !important;
}
.iwc-vs-progress.is-final .iwc-vs-progress-track > span{
  background:
    repeating-linear-gradient(90deg, rgba(255,255,255,.18) 0 16px, rgba(255,255,255,.05) 16px 32px),
    linear-gradient(180deg, rgba(255,255,255,.28), rgba(255,255,255,0) 56%),
    linear-gradient(90deg, #ffe08a 0%, #ffc44e 45%, #fff2b8 100%) !important;
}
.iwc-vs-progress.is-final .iwc-vs-progress-track > span::after{
  background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,249,217,.95), rgba(255,255,255,0)) !important;
}


/* 2026-03-22 visible VS progress flow fix */
@keyframes iwcRoundFlowTrackDrift {
  0% { background-position: 0 0, 0 0; }
  100% { background-position: 120px 0, 0 0; }
}
@keyframes iwcRoundFlowFillDrift {
  0% { background-position: 0 0, 0 0, 0 0; }
  100% { background-position: 96px 0, 0 0, 0 0; }
}
@keyframes iwcRoundFlowGloss {
  0% { transform: translateX(-160%) skewX(-18deg); opacity: 0; }
  12% { opacity: 0; }
  34% { opacity: .7; }
  54% { opacity: .28; }
  100% { transform: translateX(320%) skewX(-18deg); opacity: 0; }
}
.iwc-vs-progress-track{
  position:relative !important;
  overflow:hidden !important;
  background:
    repeating-linear-gradient(90deg, rgba(255,255,255,.045) 0 10px, rgba(255,255,255,0) 10px 20px),
    linear-gradient(180deg, rgba(18,26,49,.90), rgba(10,17,34,.98)) !important;
  background-size:120px 100%, 100% 100% !important;
  animation:iwcRoundFlowTrackDrift 4.8s linear infinite !important;
}
.iwc-vs-progress-track > span{
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  bottom:0 !important;
  border-radius:999px !important;
  overflow:hidden !important;
  background:
    repeating-linear-gradient(90deg, rgba(255,255,255,.16) 0 12px, rgba(255,255,255,.04) 12px 24px),
    linear-gradient(180deg, rgba(255,255,255,.22), rgba(255,255,255,0) 56%),
    linear-gradient(90deg, #ff9ab8 0%, #ff7ea5 48%, #ffc4d4 100%) !important;
  background-size:96px 100%, 100% 100%, 100% 100% !important;
  animation:iwcRoundFlowFillDrift 1.2s linear infinite !important;
  box-shadow:0 0 16px rgba(255,118,162,.18), inset 0 0 10px rgba(255,255,255,.16) !important;
}
.iwc-vs-progress-track > span::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,0) 58%) !important;
  pointer-events:none !important;
}
.iwc-vs-progress-track > span::after{
  content:"" !important;
  position:absolute !important;
  top:-25% !important;
  bottom:-25% !important;
  left:-18% !important;
  width:18% !important;
  background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.75), rgba(255,255,255,0)) !important;
  filter:blur(3px) !important;
  pointer-events:none !important;
  animation:iwcRoundFlowGloss 1.6s linear infinite !important;
}
.iwc-vs-progress.is-final .iwc-vs-progress-label::before{
  content:"👑" !important;
  color:#ffd76a !important;
}
.iwc-vs-progress.is-final .iwc-vs-progress-track{
  background:
    repeating-linear-gradient(90deg, rgba(255,255,255,.055) 0 10px, rgba(255,255,255,0) 10px 20px),
    linear-gradient(180deg, rgba(53,40,11,.92), rgba(22,17,6,.98)) !important;
}
.iwc-vs-progress.is-final .iwc-vs-progress-track > span{
  background:
    repeating-linear-gradient(90deg, rgba(255,255,255,.18) 0 12px, rgba(255,255,255,.05) 12px 24px),
    linear-gradient(180deg, rgba(255,255,255,.24), rgba(255,255,255,0) 56%),
    linear-gradient(90deg, #ffe39a 0%, #ffc84d 48%, #fff2bd 100%) !important;
  box-shadow:0 0 18px rgba(255,198,77,.24), inset 0 0 10px rgba(255,255,255,.18) !important;
}
.iwc-vs-progress.is-final .iwc-vs-progress-track > span::after{
  background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,248,214,.85), rgba(255,255,255,0)) !important;
}


/* 2026-03-22 hard visible flow animation override */
@keyframes iwcFlowStripeMoveStrong {
  0% { transform: translateX(-36px); }
  100% { transform: translateX(0); }
}
@keyframes iwcFlowGlossMoveStrong {
  0% { transform: translateX(-140%) skewX(-20deg); opacity: 0; }
  22% { opacity: .0; }
  40% { opacity: .95; }
  62% { opacity: .42; }
  100% { transform: translateX(320%) skewX(-20deg); opacity: 0; }
}
.iwc-vs-progress-track{
  overflow:hidden !important;
}
.iwc-vs-progress-track > span{
  position:absolute !important;
  overflow:hidden !important;
}
.iwc-vs-progress-track > span::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:
    repeating-linear-gradient(
      90deg,
      rgba(255,255,255,.24) 0 14px,
      rgba(255,255,255,.08) 14px 28px,
      rgba(255,255,255,.24) 28px 42px
    ) !important;
  background-size:42px 100% !important;
  opacity:.55 !important;
  mix-blend-mode:screen !important;
  animation:iwcFlowStripeMoveStrong .65s linear infinite !important;
  will-change:transform !important;
  pointer-events:none !important;
}
.iwc-vs-progress-track > span::after{
  content:"" !important;
  position:absolute !important;
  top:-35% !important;
  bottom:-35% !important;
  left:0 !important;
  width:26% !important;
  background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.95), rgba(255,255,255,0)) !important;
  filter:blur(4px) !important;
  opacity:.95 !important;
  animation:iwcFlowGlossMoveStrong 1.4s linear infinite !important;
  will-change:transform, opacity !important;
  pointer-events:none !important;
}
.iwc-vs-progress.is-final .iwc-vs-progress-track > span::before{
  background:
    repeating-linear-gradient(
      90deg,
      rgba(255,255,255,.28) 0 14px,
      rgba(255,243,181,.10) 14px 28px,
      rgba(255,255,255,.28) 28px 42px
    ) !important;
}
.iwc-vs-progress.is-final .iwc-vs-progress-track > span::after{
  background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,250,214,.98), rgba(255,255,255,0)) !important;
}


/* 2026-03-22 VS progress refined: no continuous flow, endpoint highlight, smooth change only */
.iwc-vs-progress-track{
  animation:none !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,0) 48%),
    linear-gradient(180deg, rgba(17,24,39,.92), rgba(10,16,31,.98)) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.06),
    inset 0 6px 14px rgba(0,0,0,.20) !important;
}
.iwc-vs-progress-track::before,
.iwc-vs-progress-track::after{
  content:none !important;
}
.iwc-vs-progress-track > .iwc-vs-progress-fill{
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  bottom:0 !important;
  min-width:6px !important;
  border-radius:999px !important;
  overflow:hidden !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.24), rgba(255,255,255,0) 58%),
    linear-gradient(90deg, #ff94b5 0%, #ff6f9b 48%, #ffc8d7 100%) !important;
  box-shadow:
    0 0 16px rgba(255,111,155,.18),
    inset 0 0 10px rgba(255,255,255,.16) !important;
  animation:none !important;
  transition:width .52s cubic-bezier(.22,.8,.22,1), box-shadow .28s ease !important;
  will-change:width !important;
}
.iwc-vs-progress-track > .iwc-vs-progress-fill::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:linear-gradient(180deg, rgba(255,255,255,.18), transparent 62%) !important;
  opacity:.9 !important;
}
.iwc-vs-progress-track > .iwc-vs-progress-fill::after{
  content:"" !important;
  position:absolute !important;
  top:50% !important;
  right:4px !important;
  width:18px !important;
  height:18px !important;
  border-radius:999px !important;
  transform:translateY(-50%) !important;
  background:radial-gradient(circle, rgba(255,255,255,.58) 0%, rgba(255,205,220,.42) 35%, rgba(255,125,164,0) 72%) !important;
  filter:blur(1px) !important;
  opacity:.95 !important;
}
.iwc-vs-progress-track > .iwc-vs-progress-fill[style*="100%"]::after{
  right:2px !important;
}
.iwc-vs-progress.is-final .iwc-vs-progress-track{
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,0) 48%),
    linear-gradient(180deg, rgba(38,28,8,.94), rgba(24,18,6,.98)) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,223,133,.10),
    inset 0 6px 14px rgba(0,0,0,.22) !important;
}
.iwc-vs-progress.is-final .iwc-vs-progress-track > .iwc-vs-progress-fill{
  background:
    linear-gradient(180deg, rgba(255,255,255,.26), rgba(255,255,255,0) 58%),
    linear-gradient(90deg, #ffe08a 0%, #ffc34d 48%, #fff1b8 100%) !important;
  box-shadow:
    0 0 18px rgba(255,195,77,.20),
    inset 0 0 10px rgba(255,255,255,.18) !important;
}
.iwc-vs-progress.is-final .iwc-vs-progress-track > .iwc-vs-progress-fill::after{
  background:radial-gradient(circle, rgba(255,255,255,.62) 0%, rgba(255,237,178,.46) 38%, rgba(255,195,77,0) 72%) !important;
}


/* =========================================================
   VS 화면 최종 고정 박스 오버라이드
   - 이미지 박스는 항상 같은 크기
   - 가로형: width 100%, height auto
   - 세로형: height 100%, width auto
   ========================================================= */
.iwc-vs-cinema-wrap{
  --iwc-vs-side-gap:24px;
  --iwc-vs-side-bottom:18px;
  --iwc-vs-side-top:8px;
  --iwc-vs-side-radius:28px;
}

.iwc-vs-canvas{
  position:relative !important;
  height:var(--iwc-vs-canvas-h, 640px) !important;
  min-height:420px !important;
  overflow:hidden !important;
}

.iwc-vs-canvas .iwc-vs-side{
  position:absolute !important;
  top:var(--iwc-vs-side-top) !important;
  bottom:var(--iwc-vs-side-bottom) !important;
  width:calc(50% - (var(--iwc-vs-side-gap) * 1.5)) !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:var(--iwc-vs-side-radius) !important;
  overflow:hidden !important;
  background:transparent !important;
  box-shadow:none !important;
}

.iwc-vs-canvas .iwc-vs-side-left{
  left:var(--iwc-vs-side-gap) !important;
  right:auto !important;
  transform:none !important;
}

.iwc-vs-canvas .iwc-vs-side-right{
  left:auto !important;
  right:var(--iwc-vs-side-gap) !important;
  transform:none !important;
}

.iwc-vs-canvas .iwc-vs-side:hover,
.iwc-vs-canvas .iwc-vs-side:focus,
.iwc-vs-canvas .iwc-vs-side:active,
.iwc-vs-canvas .iwc-vs-side.iwc-item-card:hover{
  transform:none !important;
}

.iwc-vs-canvas .iwc-vs-side-inner{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  height:100% !important;
  padding:0 !important;
  overflow:hidden !important;
  border-radius:var(--iwc-vs-side-radius) !important;
}

.iwc-vs-canvas .iwc-vs-media,
.iwc-vs-canvas .iwc-vs-side .iwc-noimg{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  overflow:hidden !important;
  border-radius:var(--iwc-vs-side-radius) !important;
}

.iwc-vs-canvas .iwc-vs-media{
  background:#0b1220 !important;
}

.iwc-vs-canvas .iwc-vs-media-bg{
  position:absolute !important;
  inset:0 !important;
  background-position:center center !important;
  background-size:cover !important;
  transform:scale(1.08) !important;
  filter:blur(16px) brightness(.48) saturate(1.02) !important;
  opacity:.9 !important;
}

.iwc-vs-canvas .iwc-vs-media > img{
  position:relative !important;
  z-index:3 !important;
  display:block !important;
  margin:0 auto !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

.iwc-vs-canvas .iwc-vs-side.is-land .iwc-vs-media > img{
  width:100% !important;
  height:auto !important;
}

.iwc-vs-canvas .iwc-vs-side.is-port .iwc-vs-media > img{
  width:auto !important;
  height:100% !important;
}

.iwc-vs-canvas .iwc-vs-side:not(.is-land):not(.is-port) .iwc-vs-media > img{
  width:100% !important;
  height:auto !important;
}

.iwc-vs-canvas .iwc-vs-side .iwc-noimg{
  color:#cbd5e1 !important;
  font-weight:900 !important;
  letter-spacing:.08em !important;
  background:linear-gradient(135deg, rgba(15,23,42,.98), rgba(30,41,59,.92)) !important;
}

.iwc-vs-cinema-wrap .iwc-vs-side-meta{
  top:18px !important;
  z-index:6 !important;
}

.iwc-vs-cinema-wrap .iwc-vs-bottom-tip{
  bottom:2px !important;
  z-index:18 !important;
}

@media (max-width: 767px){
  .iwc-vs-cinema-wrap{
    --iwc-vs-side-gap:12px;
    --iwc-vs-side-top:8px;
    --iwc-vs-side-bottom:12px;
  }

  .iwc-vs-canvas{
    min-height:560px !important;
  }

  .iwc-vs-canvas .iwc-vs-side{
    width:calc(100% - (var(--iwc-vs-side-gap) * 2)) !important;
    height:calc((var(--iwc-vs-canvas-h) / 2) - 16px) !important;
    bottom:auto !important;
  }

  .iwc-vs-canvas .iwc-vs-side-left{
    top:8px !important;
    left:var(--iwc-vs-side-gap) !important;
  }

  .iwc-vs-canvas .iwc-vs-side-right{
    top:auto !important;
    bottom:12px !important;
    right:var(--iwc-vs-side-gap) !important;
  }

  .iwc-vs-canvas .iwc-vs-side.is-land .iwc-vs-media > img,
  .iwc-vs-canvas .iwc-vs-side:not(.is-land):not(.is-port) .iwc-vs-media > img{
    width:100% !important;
    height:auto !important;
  }

  .iwc-vs-canvas .iwc-vs-side.is-port .iwc-vs-media > img{
    width:auto !important;
    height:100% !important;
  }

  .iwc-vs-canvas .iwc-vs-name{
    left:14px !important;
    right:14px !important;
    bottom:14px !important;
    font-size:18px !important;
  }
}

/* =========================================================
   VS HOTFIX - stable card position + classic nameplate
   ========================================================= */
.iwc-vs-canvas .iwc-vs-side.iwc-vs-enter-left,
.iwc-vs-canvas .iwc-vs-side.iwc-vs-enter-right,
.iwc-vs-cinema-wrap.is-ready .iwc-vs-canvas .iwc-vs-side.iwc-vs-enter-left,
.iwc-vs-cinema-wrap.is-ready .iwc-vs-canvas .iwc-vs-side.iwc-vs-enter-right,
.iwc-vs-cinema-wrap .iwc-vs-canvas .iwc-vs-side:hover,
.iwc-vs-cinema-wrap .iwc-vs-canvas .iwc-vs-side:focus,
.iwc-vs-cinema-wrap .iwc-vs-canvas .iwc-vs-side:active,
.iwc-vs-cinema-wrap .iwc-vs-canvas .iwc-vs-side.iwc-item-card:hover{
  top:var(--iwc-vs-side-top) !important;
  bottom:var(--iwc-vs-side-bottom) !important;
  transform:none !important;
}

.iwc-vs-cinema-wrap .iwc-vs-bottom-tip{
  top:18px !important;
  bottom:auto !important;
  min-width:260px !important;
  width:auto !important;
  max-width:calc(100% - 48px) !important;
  height:auto !important;
  padding:12px 18px !important;
  border-radius:28px !important;
}

@media (max-width: 900px){
  .iwc-vs-cinema-wrap .iwc-vs-bottom-tip{
    top:14px !important;
    max-width:calc(100% - 32px) !important;
    min-width:0 !important;
    padding:10px 14px !important;
  }

  .iwc-vs-canvas .iwc-vs-name{
    left:12px !important;
    right:12px !important;
    bottom:12px !important;
    padding:12px 16px !important;
    font-size:16px !important;
  }
}

/* =========================
   VS 이미지 박스 hover 스타일 업그레이드
   - 왼쪽 카드: 왼쪽에서 푸른 빛 스윕
   - 오른쪽 카드: 오른쪽에서 붉은 빛 스윕
   ========================= */

.iwc-vs-side-left::before{
  background:
    linear-gradient(90deg, rgba(56,189,248,.34) 0%, rgba(56,189,248,.18) 22%, rgba(56,189,248,0) 12%),
    linear-gradient(180deg, rgba(255,255,255,.07) 0%, rgba(255,255,255,0) 6%),
    radial-gradient(circle at 12% 50%, rgba(96,165,250,.30) 0%, rgba(96,165,250,.12) 3%, rgba(96,165,250,0) 12%);
  transform:translateX(-1%);
}

.iwc-vs-side-right::before{
  background:
    linear-gradient(270deg, rgba(251,113,133,.34) 0%, rgba(251,113,133,.18) 22%, rgba(251,113,133,0) 12%),
    linear-gradient(180deg, rgba(255,255,255,.07) 0%, rgba(255,255,255,0) 6%),
    radial-gradient(circle at 88% 50%, rgba(248,113,113,.32) 0%, rgba(248,113,113,.12) 3%, rgba(248,113,113,0) 12%);
  transform:translateX(1%);
}

.iwc-vs-side .iwc-vs-side-inner{
  position:relative;
  overflow:hidden;
}

.iwc-modal-battle .iwc-vs-side:not(.is-disabled):not(.is-winner):not(.is-loser):not(.is-center-move):hover::before,
.iwc-modal-battle .iwc-vs-side:not(.is-disabled):not(.is-winner):not(.is-loser):not(.is-center-move):hover::after,
.iwc-modal-battle .iwc-vs-side:not(.is-disabled):not(.is-winner):not(.is-loser):not(.is-center-move):focus::before,
.iwc-modal-battle .iwc-vs-side:not(.is-disabled):not(.is-winner):not(.is-loser):not(.is-center-move):focus::after{
  opacity:1;
}

.iwc-modal-battle .iwc-vs-side-left:not(.is-disabled):not(.is-winner):not(.is-loser):not(.is-center-move):hover::before,
.iwc-modal-battle .iwc-vs-side-left:not(.is-disabled):not(.is-winner):not(.is-loser):not(.is-center-move):focus::before{
  transform:translateX(0);
}

.iwc-modal-battle .iwc-vs-side-right:not(.is-disabled):not(.is-winner):not(.is-loser):not(.is-center-move):hover::before,
.iwc-modal-battle .iwc-vs-side-right:not(.is-disabled):not(.is-winner):not(.is-loser):not(.is-center-move):focus::before{
  transform:translateX(0);
}

.iwc-modal-battle .iwc-vs-side-left:not(.is-disabled):not(.is-winner):not(.is-loser):not(.is-center-move):hover .iwc-vs-name,
.iwc-modal-battle .iwc-vs-side-left:not(.is-disabled):not(.is-winner):not(.is-loser):not(.is-center-move):focus .iwc-vs-name{
  text-shadow:
    0 3px 12px rgba(0,0,0,.92),
    0 0 18px rgba(56,189,248,.22);
}

.iwc-modal-battle .iwc-vs-side-right:not(.is-disabled):not(.is-winner):not(.is-loser):not(.is-center-move):hover .iwc-vs-name,
.iwc-modal-battle .iwc-vs-side-right:not(.is-disabled):not(.is-winner):not(.is-loser):not(.is-center-move):focus .iwc-vs-name{
  text-shadow:
    0 3px 12px rgba(0,0,0,.92),
    0 0 18px rgba(251,113,133,.20);
}


/* =========================================================
   2026-03-24 directional image wash overlay
   이미지 자체 위로 컬러 워시가 덮이도록 최종 오버라이드
   ========================================================= */
.iwc-vs-side{
  overflow:hidden;
}

.iwc-vs-side-inner{
  position:relative !important;
  isolation:isolate;
}

.iwc-vs-side img,
.iwc-modal-battle .iwc-vs-side img{
  position:relative;
  z-index:1;
  transition:filter .34s ease, opacity .34s ease;
}

/* 이미지 위에 직접 덮이는 컬러 워시 */
.iwc-vs-side-inner::before,
.iwc-vs-side-inner::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:0;
  transform:translateX(0);
  transition:opacity .34s ease, transform .46s ease;
}

/* 부드러운 안개층 */
.iwc-vs-side-inner::before{
  z-index:2;
  mix-blend-mode:screen;
}

/* 좀 더 선명한 컬러 스윕층 */
.iwc-vs-side-inner::after{
  z-index:3;
}

.iwc-vs-side-left .iwc-vs-side-inner::before{
  background:
    linear-gradient(90deg,
      rgba(32, 144, 255, .12) 0%,
      rgba(59, 130, 246, .08) 18%,
      rgba(96, 165, 250, .04) 38%,
      rgba(255,255,255,0) 62%
    );
  transform:translateX(-8%);
}

.iwc-vs-side-left .iwc-vs-side-inner::after{
  background:
    linear-gradient(90deg,
      rgba(10, 132, 255, .08) 0%,
      rgba(59,130,246,.04) 26%,
      rgba(255,255,255,0) 54%
    );
  box-shadow:inset 28px 0 56px rgba(64,156,255,.08);
  transform:translateX(-10%);
}

.iwc-vs-side-right .iwc-vs-side-inner::before{
  background:
    linear-gradient(270deg,
      rgba(255, 82, 82, .12) 0%,
      rgba(239, 68, 68, .08) 18%,
      rgba(251, 113, 133, .04) 38%,
      rgba(255,255,255,0) 62%
    );
  transform:translateX(8%);
}

.iwc-vs-side-right .iwc-vs-side-inner::after{
  background:
    linear-gradient(270deg,
      rgba(255, 89, 94, .08) 0%,
      rgba(239,68,68,.04) 26%,
      rgba(255,255,255,0) 54%
    );
  box-shadow:inset -28px 0 56px rgba(255,96,96,.08);
  transform:translateX(10%);
}

.iwc-vs-side:hover .iwc-vs-side-inner::before,
.iwc-vs-side:focus .iwc-vs-side-inner::before,
.iwc-vs-side:active .iwc-vs-side-inner::before{
  opacity:1;
  transform:translateX(0);
}

.iwc-vs-side:hover .iwc-vs-side-inner::after,
.iwc-vs-side:focus .iwc-vs-side-inner::after,
.iwc-vs-side:active .iwc-vs-side-inner::after{
  opacity:.56;
  transform:translateX(0);
}

/* 이미지 밝기 변화 제거 */
.iwc-vs-side:hover img,
.iwc-vs-side:focus img,
.iwc-vs-side:active img,
.iwc-modal-battle .iwc-vs-side:hover img,
.iwc-modal-battle .iwc-vs-side:focus img,
.iwc-modal-battle .iwc-vs-side:active img{
  filter:none !important;
}

/* 승패/비활성 상태에서는 호버 워시 비활성 */
.iwc-vs-side.is-disabled .iwc-vs-side-inner::before,
.iwc-vs-side.is-disabled .iwc-vs-side-inner::after,
.iwc-vs-side.is-loser .iwc-vs-side-inner::before,
.iwc-vs-side.is-loser .iwc-vs-side-inner::after,
.iwc-vs-side.is-winner .iwc-vs-side-inner::before,
.iwc-vs-side.is-winner .iwc-vs-side-inner::after{
  opacity:0 !important;
}

@media (max-width: 991px){
  .iwc-vs-side-left .iwc-vs-side-inner::before,
  .iwc-vs-side-left .iwc-vs-side-inner::after,
  .iwc-vs-side-right .iwc-vs-side-inner::before,
  .iwc-vs-side-right .iwc-vs-side-inner::after{
    opacity:.45;
  }
}


/* =========================================================
   VS CENTER BADGE PREMIUM OVERRIDE - 2026-03-24
   ========================================================= */
.iwc-vs-canvas > .iwc-vs-center-badge{
  width:126px !important;
  min-width:126px !important;
  max-width:126px !important;
  height:126px !important;
  min-height:126px !important;
  max-height:126px !important;
  padding:0 !important;
  border-radius:999px !important;
  background:
    radial-gradient(circle at 50% 16%, rgba(255,255,255,.28), rgba(255,255,255,0) 34%),
    linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.02)),
    linear-gradient(145deg, rgba(59,130,246,.96), rgba(37,99,235,.98) 52%, rgba(30,64,175,.98) 100%) !important;
  border:1px solid rgba(191,219,254,.30) !important;
  box-shadow:
    0 18px 42px rgba(2,6,23,.48),
    0 8px 18px rgba(59,130,246,.24),
    inset 0 1px 0 rgba(255,255,255,.22),
    inset 0 -10px 18px rgba(15,23,42,.28) !important;
  backdrop-filter:blur(8px) saturate(1.04) !important;
  -webkit-backdrop-filter:blur(8px) saturate(1.04) !important;
  overflow:visible !important;
}

.iwc-vs-canvas > .iwc-vs-center-badge::before{
  content:"";
  position:absolute;
  inset:-8px;
  border-radius:999px;
  background:radial-gradient(circle, rgba(96,165,250,.24), rgba(96,165,250,0) 68%);
  filter:blur(9px);
  opacity:.9;
  z-index:0;
  pointer-events:none;
}

.iwc-vs-canvas > .iwc-vs-center-badge::after{
  inset:9px !important;
  border-radius:999px !important;
  background:
    radial-gradient(circle at 50% 24%, rgba(255,255,255,.12), rgba(255,255,255,0) 34%),
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(15,23,42,.12)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    inset 0 -10px 16px rgba(2,6,23,.22) !important;
}

.iwc-vs-canvas > .iwc-vs-center-badge .iwc-vs-sub{
  top:20px !important;
  font-size:9px !important;
  color:rgba(219,234,254,.88) !important;
  letter-spacing:.24em !important;
  text-shadow:0 1px 5px rgba(0,0,0,.22) !important;
}

.iwc-vs-canvas > .iwc-vs-center-badge .iwc-vs-text{
  top:50% !important;
  transform:translate(-50%,-54%) !important;
  font-size:42px !important;
  font-weight:1000 !important;
  color:#ffffff !important;
  letter-spacing:-.11em !important;
  text-shadow:
    0 2px 12px rgba(255,255,255,.16),
    0 8px 18px rgba(15,23,42,.32),
    0 0 20px rgba(96,165,250,.18) !important;
}

.iwc-vs-canvas > .iwc-vs-center-badge .iwc-vs-round{
  bottom:14px !important;
  min-width:72px !important;
  max-width:96px !important;
  padding:5px 11px !important;
  font-size:12px !important;
  font-weight:1000 !important;
  color:#eff6ff !important;
  letter-spacing:0 !important;
  background:linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.06)) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  box-shadow:
    0 6px 14px rgba(15,23,42,.16),
    inset 0 1px 0 rgba(255,255,255,.12) !important;
}

.iwc-vs-canvas > .iwc-vs-center-badge.is-final{
  background:
    radial-gradient(circle at 50% 16%, rgba(255,255,255,.24), rgba(255,255,255,0) 34%),
    linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.02)),
    linear-gradient(145deg, rgba(239,68,68,.98), rgba(185,28,28,.98)) !important;
  border-color:rgba(254,202,202,.34) !important;
  box-shadow:
    0 18px 42px rgba(2,6,23,.50),
    0 8px 18px rgba(220,38,38,.26),
    inset 0 1px 0 rgba(255,255,255,.22),
    inset 0 -10px 18px rgba(69,10,10,.24) !important;
}

.iwc-vs-canvas > .iwc-vs-center-badge.is-final::before{
  background:radial-gradient(circle, rgba(248,113,113,.28), rgba(248,113,113,0) 70%);
}

.iwc-vs-canvas > .iwc-vs-center-badge.is-final::after{
  background:
    radial-gradient(circle at 50% 24%, rgba(255,255,255,.12), rgba(255,255,255,0) 34%),
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(127,29,29,.12)) !important;
}

.iwc-vs-canvas > .iwc-vs-center-badge.is-final .iwc-vs-sub{
  color:rgba(254,242,242,.9) !important;
}

.iwc-vs-canvas > .iwc-vs-center-badge.is-final .iwc-vs-text{
  text-shadow:
    0 2px 12px rgba(255,255,255,.14),
    0 8px 18px rgba(69,10,10,.30),
    0 0 22px rgba(248,113,113,.18) !important;
}

.iwc-vs-canvas > .iwc-vs-center-badge.is-final .iwc-vs-round{
  color:#fff5f5 !important;
  background:linear-gradient(180deg, rgba(255,255,255,.16), rgba(254,202,202,.08)) !important;
  border-color:rgba(254,202,202,.22) !important;
  box-shadow:
    0 6px 14px rgba(127,29,29,.18),
    inset 0 1px 0 rgba(255,255,255,.12) !important;
}

@media (max-width: 991px){
  .iwc-vs-canvas > .iwc-vs-center-badge{
    width:108px !important;
    min-width:108px !important;
    max-width:108px !important;
    height:108px !important;
    min-height:108px !important;
    max-height:108px !important;
  }
  .iwc-vs-canvas > .iwc-vs-center-badge .iwc-vs-sub{
    top:17px !important;
    font-size:8px !important;
  }
  .iwc-vs-canvas > .iwc-vs-center-badge .iwc-vs-text{
    font-size:36px !important;
  }
  .iwc-vs-canvas > .iwc-vs-center-badge .iwc-vs-round{
    bottom:12px !important;
    min-width:66px !important;
    max-width:88px !important;
    padding:4px 9px !important;
    font-size:11px !important;
  }
}

@media (max-width: 680px){
  .iwc-vs-canvas > .iwc-vs-center-badge{
    width:92px !important;
    min-width:92px !important;
    max-width:92px !important;
    height:92px !important;
    min-height:92px !important;
    max-height:92px !important;
  }
  .iwc-vs-canvas > .iwc-vs-center-badge .iwc-vs-sub{
    top:14px !important;
    font-size:7px !important;
  }
  .iwc-vs-canvas > .iwc-vs-center-badge .iwc-vs-text{
    font-size:30px !important;
  }
  .iwc-vs-canvas > .iwc-vs-center-badge .iwc-vs-round{
    bottom:10px !important;
    min-width:56px !important;
    max-width:76px !important;
    padding:4px 8px !important;
    font-size:9px !important;
  }
}


/* ===== 2026-03-24 compact lobby redesign ===== */
.iwc-modal-lobby{
  align-items:center !important;
  justify-content:center !important;
  padding:20px !important;
}
.iwc-modal-lobby .iwc-modal-box{
  width:min(640px, calc(100vw - 32px)) !important;
  max-width:min(640px, calc(100vw - 32px)) !important;
  max-height:min(760px, calc(100vh - 32px)) !important;
  border-radius:30px !important;
  background:linear-gradient(180deg,#0b1425 0%, #101a2e 100%) !important;
  overflow:hidden !important;
}
.iwc-modal-lobby .iwc-modal-shell{
  padding:0 !important;
  background:linear-gradient(180deg,rgba(11,20,37,.98) 0%, rgba(16,26,46,.98) 100%) !important;
}
.iwc-modal-lobby .iwc-close{
  top:14px;
  right:14px;
  width:40px;
  height:40px;
  border-radius:14px;
  z-index:8;
}
.iwc-modal-lobby .iwc-start-lobby.iwc-start-lobby-v2.iwc-start-lobby-compact{
  display:flex !important;
  flex-direction:column !important;
  gap:14px !important;
  padding:18px !important;
  align-items:stretch !important;
}
.iwc-modal-lobby .iwc-start-compact-top{
  display:grid;
  grid-template-columns:168px minmax(0,1fr);
  gap:14px;
  align-items:stretch;
}
.iwc-modal-lobby .iwc-start-lobby-compact > .iwc-start-cover-wrap,
.iwc-modal-lobby .iwc-start-lobby-compact > .iwc-start-content{
  width:auto !important;
  max-width:none !important;
}
.iwc-modal-lobby .iwc-start-lobby-compact .iwc-start-cover-wrap{
  padding:0 !important;
  order:unset !important;
}
.iwc-modal-lobby .iwc-start-lobby-compact .iwc-start-cover{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:208px !important;
  max-height:208px !important;
  padding:12px;
  border-radius:22px !important;
  overflow:hidden;
  background:
    radial-gradient(circle at top left, rgba(88,124,255,.18), transparent 42%),
    radial-gradient(circle at bottom right, rgba(118,73,255,.16), transparent 38%),
    linear-gradient(180deg, rgba(8,15,31,.98), rgba(5,10,22,1));
}
.iwc-modal-lobby .iwc-start-lobby-compact .iwc-start-cover::after{
  background:linear-gradient(180deg,rgba(2,6,23,.04) 0%,rgba(2,6,23,.18) 54%,rgba(2,6,23,.78) 100%);
}
.iwc-modal-lobby .iwc-start-lobby-compact .iwc-start-cover img{
  position:relative;
  z-index:1;
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center center;
  border-radius:16px;
  background:#070d1c;
  box-shadow:0 10px 30px rgba(0,0,0,.28);
}
.iwc-modal-lobby .iwc-start-lobby-compact .iwc-start-cover-overlay{
  left:12px;
  right:12px;
  bottom:10px;
  gap:6px;
  z-index:3;
  pointer-events:none;
}
.iwc-modal-lobby .iwc-start-lobby-compact .iwc-start-kicker{
  align-self:flex-start;
  min-height:30px;
  padding:0 10px;
  border-radius:999px;
  font-size:11px;
  letter-spacing:.14em;
}
.iwc-modal-lobby .iwc-start-lobby-compact .iwc-start-content{
  padding:6px 2px 0 !important;
  gap:12px !important;
  justify-content:center;
}
.iwc-modal-lobby .iwc-start-lobby-compact .iwc-start-headline{
  display:block !important;
}
.iwc-modal-lobby .iwc-start-lobby-compact .iwc-start-headcopy strong{
  display:block;
  margin:0 0 8px;
  font-size:24px;
  line-height:1.25;
  color:#fff;
}
.iwc-modal-lobby .iwc-start-lobby-compact .iwc-start-headcopy p{
  margin:0;
  color:#9fb0c9;
  font-size:13px;
  line-height:1.65;
}
.iwc-modal-lobby .iwc-start-lobby-compact .iwc-start-meta{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-start !important;
  gap:8px;
}
.iwc-modal-lobby .iwc-start-lobby-compact .iwc-start-meta .iwc-start-meta-pill{
  min-height:34px;
  padding:0 11px;
  border-radius:999px;
  font-size:12px;
  font-weight:800;
}
.iwc-modal-lobby .iwc-start-lobby-compact .iwc-start-mode-box{
  padding:16px !important;
  border-radius:22px !important;
  background:linear-gradient(180deg,rgba(13,22,40,.96),rgba(11,18,31,.98)) !important;
}
.iwc-modal-lobby .iwc-start-lobby-compact .iwc-start-mode-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:12px;
}
.iwc-modal-lobby .iwc-start-lobby-compact .iwc-start-mode-head strong{
  font-size:15px;
}
.iwc-modal-lobby .iwc-start-lobby-compact .iwc-start-mode-head span{
  font-size:12px;
  white-space:nowrap;
}
.iwc-modal-lobby .iwc-start-lobby-compact .iwc-start-mode-grid,
.iwc-modal-lobby .iwc-start-lobby-compact .iwc-start-mode-grid .iwc-mode-row{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(92px,1fr));
  gap:10px;
}
.iwc-modal-lobby .iwc-start-lobby-compact .iwc-start-mode-grid .iwc-mode-btn{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:58px !important;
  padding:0 16px;
  border-radius:18px;
  font-size:14px;
  font-weight:900;
  letter-spacing:-.02em;
  color:#dbe7ff;
  border:1px solid rgba(148,163,184,.20);
  background:
    linear-gradient(180deg,rgba(28,39,63,.96),rgba(10,18,31,.98)),
    linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,0));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 10px 24px rgba(0,0,0,.22);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease,filter .18s ease;
}
.iwc-modal-lobby .iwc-start-lobby-compact .iwc-start-mode-grid .iwc-mode-btn::before,
.iwc-modal-lobby .iwc-start-lobby-compact .iwc-start-mode-grid .iwc-mode-btn::after{
  content:none;
}
.iwc-modal-lobby .iwc-start-lobby-compact .iwc-start-mode-grid .iwc-mode-btn:hover{
  border-color:rgba(96,165,250,.52);
  color:#fff;
  transform:translateY(-2px);
  background:
    linear-gradient(180deg,rgba(33,47,75,.98),rgba(12,21,37,.98)),
    linear-gradient(135deg,rgba(96,165,250,.12),rgba(255,255,255,0));
  box-shadow:0 16px 30px rgba(0,0,0,.26), 0 0 0 1px rgba(96,165,250,.08);
}
.iwc-modal-lobby .iwc-start-lobby-compact .iwc-start-mode-grid .iwc-mode-btn.active{
  background:
    linear-gradient(135deg,rgba(37,99,235,.98),rgba(76,29,149,.96)),
    linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,0));
  border-color:rgba(191,219,254,.36);
  color:#fff;
  box-shadow:0 18px 36px rgba(37,99,235,.34), inset 0 1px 0 rgba(255,255,255,.16), 0 0 0 1px rgba(191,219,254,.12);
}
.iwc-modal-lobby .iwc-start-lobby-compact .iwc-start-mode-grid .iwc-mode-btn:disabled{
  opacity:.78;
  cursor:not-allowed;
}
.iwc-modal-lobby .iwc-start-lobby-compact .iwc-start-actions{
  display:grid;
  grid-template-columns:112px minmax(0,1fr);
  gap:10px;
}
.iwc-modal-lobby .iwc-start-lobby-compact .iwc-start-actions > *{
  width:100%;
  min-height:48px;
  border-radius:16px;
}
@media (max-width: 640px){
  .iwc-modal-lobby .iwc-modal-box{
    width:calc(100vw - 16px) !important;
    max-width:calc(100vw - 16px) !important;
    max-height:calc(100vh - 16px) !important;
    border-radius:24px !important;
  }
  .iwc-modal-lobby .iwc-start-lobby.iwc-start-lobby-v2.iwc-start-lobby-compact{
    padding:14px !important;
    gap:12px !important;
  }
  .iwc-modal-lobby .iwc-start-compact-top{
    grid-template-columns:1fr;
    gap:12px;
  }
  .iwc-modal-lobby .iwc-start-lobby-compact .iwc-start-cover{
    min-height:180px !important;
    max-height:180px !important;
  }
  .iwc-modal-lobby .iwc-start-lobby-compact .iwc-start-content{
    padding:0 !important;
  }
  .iwc-modal-lobby .iwc-start-lobby-compact .iwc-start-headcopy strong{
    font-size:20px;
  }
  .iwc-modal-lobby .iwc-start-lobby-compact .iwc-start-mode-head{
    flex-direction:column;
    align-items:flex-start;
  }
  .iwc-modal-lobby .iwc-start-lobby-compact .iwc-start-actions{
    grid-template-columns:1fr;
  }
}


/* ===== 2026-03-24 lobby thumb height hard fix ===== */
.iwc-modal-lobby .iwc-start-lobby.iwc-start-lobby-v2 > .iwc-start-cover-wrap{
  padding:18px 20px 0 !important;
}
.iwc-modal-lobby .iwc-start-lobby.iwc-start-lobby-v2 .iwc-start-cover{
  min-height:148px !important;
  height:148px !important;
  max-height:148px !important;
  overflow:hidden !important;
}
.iwc-modal-lobby .iwc-start-lobby.iwc-start-lobby-v2 .iwc-start-cover img,
.iwc-modal-lobby .iwc-start-lobby.iwc-start-lobby-v2 .iwc-start-cover-empty{
  width:100% !important;
  height:100% !important;
}
.iwc-modal-lobby .iwc-start-lobby.iwc-start-lobby-v2 .iwc-start-cover-overlay{
  left:18px !important;
  right:18px !important;
  bottom:14px !important;
  gap:6px !important;
}
.iwc-modal-lobby .iwc-start-lobby.iwc-start-lobby-v2 .iwc-start-cover-overlay h2{
  font-size:20px !important;
  line-height:1.2 !important;
}
.iwc-modal-lobby .iwc-start-lobby.iwc-start-lobby-v2 .iwc-start-cover-glow{
  height:48% !important;
}
@media (max-width: 680px){
  .iwc-modal-lobby .iwc-start-lobby.iwc-start-lobby-v2 .iwc-start-cover{
    min-height:132px !important;
    height:132px !important;
    max-height:132px !important;
  }
}


/* =========================================================
   2026-03-24 VS full split image layout
   HUD 아래 전체를 좌/우 50% 이미지로 사용
   ========================================================= */
.iwc-vs-cinema-wrap{
  --iwc-vs-side-gap: 0px !important;
  --iwc-vs-side-top: 0px !important;
  --iwc-vs-side-bottom: 0px !important;
  --iwc-vs-canvas-h: calc(100dvh - 222px) !important;
}

.iwc-vs-canvas{
  position:relative !important;
  height:var(--iwc-vs-canvas-h) !important;
  min-height:420px !important;
  background:#050912 !important;
}

.iwc-vs-canvas .iwc-vs-stage-glow,
.iwc-vs-canvas .iwc-vs-overlay,
.iwc-vs-canvas .iwc-vs-frame-surge{
  display:none !important;
}

.iwc-vs-canvas .iwc-vs-side,
.iwc-vs-canvas .iwc-vs-side.iwc-vs-enter-left,
.iwc-vs-canvas .iwc-vs-side.iwc-vs-enter-right,
.iwc-vs-cinema-wrap.is-ready .iwc-vs-canvas .iwc-vs-side.iwc-vs-enter-left,
.iwc-vs-cinema-wrap.is-ready .iwc-vs-canvas .iwc-vs-side.iwc-vs-enter-right{
  position:absolute !important;
  top:0 !important;
  bottom:0 !important;
  width:50% !important;
  height:100% !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  transform:none !important;
  overflow:hidden !important;
}

.iwc-vs-canvas .iwc-vs-side-left{
  left:0 !important;
  right:auto !important;
}

.iwc-vs-canvas .iwc-vs-side-right{
  left:auto !important;
  right:0 !important;
}

.iwc-vs-canvas .iwc-vs-side::before,
.iwc-vs-canvas .iwc-vs-side::after{
  border-radius:0 !important;
}

.iwc-vs-canvas .iwc-vs-side-inner,
.iwc-vs-canvas .iwc-vs-media,
.iwc-vs-canvas .iwc-vs-side .iwc-noimg{
  width:100% !important;
  height:100% !important;
  border-radius:0 !important;
}

.iwc-vs-canvas .iwc-vs-media{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#050912 !important;
}

.iwc-vs-canvas .iwc-vs-media-bg{
  inset:0 !important;
  border-radius:0 !important;
  background-position:center center !important;
  background-size:cover !important;
  transform:scale(1.02) !important;
  filter:blur(18px) brightness(.42) saturate(1.02) !important;
  opacity:.92 !important;
}

.iwc-vs-canvas .iwc-vs-media > img{
  position:relative !important;
  z-index:1 !important;
  display:block !important;
  width:auto !important;
  height:auto !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:center center !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

.iwc-vs-canvas .iwc-vs-side.is-land .iwc-vs-media > img{
  width:100% !important;
  height:auto !important;
  max-height:none !important;
}

.iwc-vs-canvas .iwc-vs-side.is-port .iwc-vs-media > img{
  width:auto !important;
  height:100% !important;
  max-width:none !important;
}

.iwc-vs-canvas .iwc-vs-side:not(.is-land):not(.is-port) .iwc-vs-media > img{
  width:100% !important;
  height:auto !important;
  min-height:100% !important;
  object-fit:cover !important;
}

.iwc-vs-cinema-wrap .iwc-vs-side-meta{
  top:18px !important;
  border-radius:999px !important;
  background:rgba(5,9,18,.44) !important;
  backdrop-filter:blur(8px) !important;
  -webkit-backdrop-filter:blur(8px) !important;
}

.iwc-vs-center-badge{
  min-width:118px !important;
  height:82px !important;
  border-radius:24px !important;
}

.iwc-vs-bottom-tip{
  bottom:18px !important;
  top:auto !important;
}

@media (max-width: 900px){
  .iwc-vs-cinema-wrap{
    --iwc-vs-canvas-h: calc(100dvh - 252px) !important;
  }

  .iwc-vs-canvas .iwc-vs-side,
  .iwc-vs-canvas .iwc-vs-side.iwc-vs-enter-left,
  .iwc-vs-canvas .iwc-vs-side.iwc-vs-enter-right,
  .iwc-vs-cinema-wrap.is-ready .iwc-vs-canvas .iwc-vs-side.iwc-vs-enter-left,
  .iwc-vs-cinema-wrap.is-ready .iwc-vs-canvas .iwc-vs-side.iwc-vs-enter-right{
    width:50% !important;
    height:100% !important;
    top:0 !important;
    bottom:0 !important;
  }

  .iwc-vs-name{
    bottom:18px !important;
    left:auto !important;
    right:auto !important;
    padding:12px 14px !important;
    font-size:16px !important;
    max-width:calc(100% - 24px) !important;
  }

  .iwc-vs-name-left{
    left:12px !important;
    right:12px !important;
  }

  .iwc-vs-name-right{
    left:12px !important;
    right:12px !important;
  }
}

@media (max-width: 680px){
  .iwc-vs-cinema-wrap{
    --iwc-vs-canvas-h: calc(100dvh - 240px) !important;
  }

  .iwc-vs-canvas{
    min-height:360px !important;
  }

  .iwc-vs-center-badge{
    min-width:96px !important;
    height:68px !important;
    border-radius:20px !important;
  }

  .iwc-vs-name{
    bottom:12px !important;
    font-size:14px !important;
    padding:10px 12px !important;
  }
}

/* =========================================================
   2026-03-24 VS center divider line
   ========================================================= */
.iwc-vs-canvas::after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:50%;
  transform:translateX(-50%);
  width:1px;
  background:linear-gradient(
    to bottom,
    rgba(255,255,255,0.08) 0%,
    rgba(255,255,255,0.22) 18%,
    rgba(255,255,255,0.30) 50%,
    rgba(255,255,255,0.22) 82%,
    rgba(255,255,255,0.08) 100%
  );
  box-shadow:
    0 0 0 1px rgba(255,255,255,0.04),
    0 0 16px rgba(120,160,255,0.16);
  pointer-events:none;
  z-index:2;
}

@media (max-width: 680px){
  .iwc-vs-canvas::after{
    width:1px;
    opacity:.9;
  }
}


/* =========================================================
   2026-03-24 VS badge simple minimal final
   ========================================================= */
.iwc-vs-canvas > .iwc-vs-center-badge,
.iwc-vs-cinema-wrap .iwc-vs-canvas > .iwc-vs-center-badge{
  width:96px !important;
  min-width:96px !important;
  max-width:96px !important;
  height:96px !important;
  min-height:96px !important;
  max-height:96px !important;
  padding:0 !important;
  border-radius:999px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  background:rgba(12,18,30,.76) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  box-shadow:
    0 16px 34px rgba(2,6,23,.34),
    inset 0 1px 0 rgba(255,255,255,.10),
    inset 0 -10px 20px rgba(2,6,23,.18) !important;
  backdrop-filter:blur(12px) saturate(1.02) !important;
  -webkit-backdrop-filter:blur(12px) saturate(1.02) !important;
  overflow:hidden !important;
  z-index:7 !important;
}

.iwc-vs-canvas > .iwc-vs-center-badge::before,
.iwc-vs-canvas > .iwc-vs-center-badge::after,
.iwc-vs-cinema-wrap .iwc-vs-canvas > .iwc-vs-center-badge::before,
.iwc-vs-cinema-wrap .iwc-vs-canvas > .iwc-vs-center-badge::after{
  content:none !important;
  display:none !important;
}

.iwc-vs-canvas > .iwc-vs-center-badge .iwc-vs-sub,
.iwc-vs-cinema-wrap .iwc-vs-canvas > .iwc-vs-center-badge .iwc-vs-sub{
  display:none !important;
}

.iwc-vs-canvas > .iwc-vs-center-badge .iwc-vs-text,
.iwc-vs-cinema-wrap .iwc-vs-canvas > .iwc-vs-center-badge .iwc-vs-text{
  position:static !important;
  inset:auto !important;
  transform:none !important;
  display:block !important;
  margin:0 !important;
  font-size:38px !important;
  line-height:1 !important;
  font-weight:1000 !important;
  letter-spacing:-.08em !important;
  color:#ffffff !important;
  text-shadow:0 4px 14px rgba(0,0,0,.22) !important;
}

.iwc-vs-canvas > .iwc-vs-center-badge .iwc-vs-round,
.iwc-vs-cinema-wrap .iwc-vs-canvas > .iwc-vs-center-badge .iwc-vs-round{
  position:static !important;
  inset:auto !important;
  transform:none !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:0 !important;
  max-width:none !important;
  margin:0 !important;
  padding:4px 10px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.08) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  box-shadow:none !important;
  font-size:11px !important;
  line-height:1.1 !important;
  font-weight:800 !important;
  color:rgba(255,255,255,.86) !important;
  letter-spacing:-.02em !important;
}

.iwc-vs-canvas > .iwc-vs-center-badge.is-final,
.iwc-vs-cinema-wrap .iwc-vs-canvas > .iwc-vs-center-badge.is-final{
  background:rgba(46,13,18,.82) !important;
  border-color:rgba(255,120,120,.20) !important;
  box-shadow:
    0 16px 34px rgba(34,6,10,.34),
    inset 0 1px 0 rgba(255,255,255,.10),
    inset 0 -10px 20px rgba(20,3,6,.18) !important;
}

.iwc-vs-canvas > .iwc-vs-center-badge.is-final .iwc-vs-round,
.iwc-vs-cinema-wrap .iwc-vs-canvas > .iwc-vs-center-badge.is-final .iwc-vs-round{
  background:rgba(255,120,120,.10) !important;
  border-color:rgba(255,140,140,.14) !important;
  color:#ffe9e9 !important;
}

@media (max-width: 991px){
  .iwc-vs-canvas > .iwc-vs-center-badge,
  .iwc-vs-cinema-wrap .iwc-vs-canvas > .iwc-vs-center-badge{
    width:88px !important;
    min-width:88px !important;
    max-width:88px !important;
    height:88px !important;
    min-height:88px !important;
    max-height:88px !important;
    gap:5px !important;
  }

  .iwc-vs-canvas > .iwc-vs-center-badge .iwc-vs-text,
  .iwc-vs-cinema-wrap .iwc-vs-canvas > .iwc-vs-center-badge .iwc-vs-text{
    font-size:34px !important;
  }

  .iwc-vs-canvas > .iwc-vs-center-badge .iwc-vs-round,
  .iwc-vs-cinema-wrap .iwc-vs-canvas > .iwc-vs-center-badge .iwc-vs-round{
    padding:4px 9px !important;
    font-size:10px !important;
  }
}

@media (max-width: 680px){
  .iwc-vs-canvas > .iwc-vs-center-badge,
  .iwc-vs-cinema-wrap .iwc-vs-canvas > .iwc-vs-center-badge{
    width:76px !important;
    min-width:76px !important;
    max-width:76px !important;
    height:76px !important;
    min-height:76px !important;
    max-height:76px !important;
    gap:4px !important;
  }

  .iwc-vs-canvas > .iwc-vs-center-badge .iwc-vs-text,
  .iwc-vs-cinema-wrap .iwc-vs-canvas > .iwc-vs-center-badge .iwc-vs-text{
    font-size:29px !important;
  }

  .iwc-vs-canvas > .iwc-vs-center-badge .iwc-vs-round,
  .iwc-vs-cinema-wrap .iwc-vs-canvas > .iwc-vs-center-badge .iwc-vs-round{
    padding:3px 8px !important;
    font-size:9px !important;
  }
}

/* =========================================================
   2026-03-24 VS badge pretty refinement
   ========================================================= */
.iwc-vs-canvas > .iwc-vs-center-badge,
.iwc-vs-cinema-wrap .iwc-vs-canvas > .iwc-vs-center-badge{
  width:98px !important;
  min-width:98px !important;
  max-width:98px !important;
  height:98px !important;
  min-height:98px !important;
  max-height:98px !important;
  gap:5px !important;
  border-radius:999px !important;
  background:
    radial-gradient(circle at 32% 24%, rgba(255,255,255,.20) 0%, rgba(255,255,255,0) 36%),
    linear-gradient(145deg, rgba(9,16,34,.96) 0%, rgba(19,42,86,.92) 54%, rgba(14,28,54,.96) 100%) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  box-shadow:
    0 18px 34px rgba(2,6,23,.34),
    0 0 0 1px rgba(255,255,255,.04),
    inset 0 1px 0 rgba(255,255,255,.16),
    inset 0 -14px 26px rgba(2,6,23,.26),
    inset 0 0 20px rgba(96,165,250,.08) !important;
  backdrop-filter:blur(14px) saturate(1.08) !important;
  -webkit-backdrop-filter:blur(14px) saturate(1.08) !important;
  overflow:visible !important;
  z-index:8 !important;
}

.iwc-vs-canvas > .iwc-vs-center-badge::before,
.iwc-vs-cinema-wrap .iwc-vs-canvas > .iwc-vs-center-badge::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:-6px !important;
  border-radius:999px !important;
  background:linear-gradient(145deg, rgba(255,255,255,.14), rgba(255,255,255,.02)) !important;
  -webkit-mask:radial-gradient(farthest-side, transparent calc(100% - 2px), #000 calc(100% - 1px));
  mask:radial-gradient(farthest-side, transparent calc(100% - 2px), #000 calc(100% - 1px));
  opacity:.78 !important;
  pointer-events:none !important;
  z-index:-1 !important;
}

.iwc-vs-canvas > .iwc-vs-center-badge::after,
.iwc-vs-cinema-wrap .iwc-vs-canvas > .iwc-vs-center-badge::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  left:13px !important;
  right:13px !important;
  top:10px !important;
  height:22px !important;
  border-radius:999px !important;
  background:linear-gradient(180deg, rgba(255,255,255,.22), rgba(255,255,255,0)) !important;
  opacity:.85 !important;
  filter:blur(.2px) !important;
  pointer-events:none !important;
  z-index:0 !important;
}

.iwc-vs-canvas > .iwc-vs-center-badge .iwc-vs-text,
.iwc-vs-cinema-wrap .iwc-vs-canvas > .iwc-vs-center-badge .iwc-vs-text{
  position:relative !important;
  z-index:1 !important;
  font-size:36px !important;
  line-height:1 !important;
  font-weight:1000 !important;
  letter-spacing:-.06em !important;
  color:#ffffff !important;
  text-shadow:
    0 1px 0 rgba(255,255,255,.16),
    0 8px 18px rgba(7,12,24,.34) !important;
}

.iwc-vs-canvas > .iwc-vs-center-badge .iwc-vs-round,
.iwc-vs-cinema-wrap .iwc-vs-canvas > .iwc-vs-center-badge .iwc-vs-round{
  position:relative !important;
  z-index:1 !important;
  padding:4px 9px !important;
  min-width:50px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.10) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    0 4px 10px rgba(0,0,0,.14) !important;
  color:rgba(255,255,255,.92) !important;
  font-size:10px !important;
  font-weight:800 !important;
  letter-spacing:-.01em !important;
}

.iwc-vs-canvas > .iwc-vs-center-badge.is-final,
.iwc-vs-cinema-wrap .iwc-vs-canvas > .iwc-vs-center-badge.is-final{
  background:
    radial-gradient(circle at 32% 24%, rgba(255,255,255,.18) 0%, rgba(255,255,255,0) 36%),
    linear-gradient(145deg, rgba(55,14,20,.97) 0%, rgba(125,26,42,.92) 56%, rgba(60,10,16,.97) 100%) !important;
  border-color:rgba(255,190,190,.20) !important;
  box-shadow:
    0 18px 34px rgba(40,6,12,.34),
    0 0 0 1px rgba(255,255,255,.04),
    inset 0 1px 0 rgba(255,255,255,.14),
    inset 0 -14px 26px rgba(24,4,8,.28),
    inset 0 0 20px rgba(248,113,113,.08) !important;
}

.iwc-vs-canvas > .iwc-vs-center-badge.is-final .iwc-vs-round,
.iwc-vs-cinema-wrap .iwc-vs-canvas > .iwc-vs-center-badge.is-final .iwc-vs-round{
  background:rgba(255,255,255,.10) !important;
  border-color:rgba(255,220,220,.16) !important;
  color:#fff0f0 !important;
}

@media (max-width: 991px){
  .iwc-vs-canvas > .iwc-vs-center-badge,
  .iwc-vs-cinema-wrap .iwc-vs-canvas > .iwc-vs-center-badge{
    width:90px !important;
    min-width:90px !important;
    max-width:90px !important;
    height:90px !important;
    min-height:90px !important;
    max-height:90px !important;
  }

  .iwc-vs-canvas > .iwc-vs-center-badge .iwc-vs-text,
  .iwc-vs-cinema-wrap .iwc-vs-canvas > .iwc-vs-center-badge .iwc-vs-text{
    font-size:33px !important;
  }
}

@media (max-width: 680px){
  .iwc-vs-canvas > .iwc-vs-center-badge,
  .iwc-vs-cinema-wrap .iwc-vs-canvas > .iwc-vs-center-badge{
    width:78px !important;
    min-width:78px !important;
    max-width:78px !important;
    height:78px !important;
    min-height:78px !important;
    max-height:78px !important;
    gap:4px !important;
  }

  .iwc-vs-canvas > .iwc-vs-center-badge::before,
  .iwc-vs-cinema-wrap .iwc-vs-canvas > .iwc-vs-center-badge::before{
    inset:-5px !important;
  }

  .iwc-vs-canvas > .iwc-vs-center-badge::after,
  .iwc-vs-cinema-wrap .iwc-vs-canvas > .iwc-vs-center-badge::after{
    left:11px !important;
    right:11px !important;
    top:9px !important;
    height:18px !important;
  }

  .iwc-vs-canvas > .iwc-vs-center-badge .iwc-vs-text,
  .iwc-vs-cinema-wrap .iwc-vs-canvas > .iwc-vs-center-badge .iwc-vs-text{
    font-size:28px !important;
  }

  .iwc-vs-canvas > .iwc-vs-center-badge .iwc-vs-round,
  .iwc-vs-cinema-wrap .iwc-vs-canvas > .iwc-vs-center-badge .iwc-vs-round{
    padding:3px 8px !important;
    min-width:46px !important;
    font-size:9px !important;
  }
}

/* =========================================================
   2026-03-24 VS badge luxury refinement
   ========================================================= */
.iwc-vs-canvas > .iwc-vs-center-badge,
.iwc-vs-cinema-wrap .iwc-vs-canvas > .iwc-vs-center-badge{
  width:100px !important;
  min-width:100px !important;
  max-width:100px !important;
  height:100px !important;
  min-height:100px !important;
  max-height:100px !important;
  gap:5px !important;
  border-radius:999px !important;
  position:absolute !important;
  overflow:visible !important;
  border:1px solid rgba(255,255,255,.14) !important;
  background:
    radial-gradient(circle at 28% 20%, rgba(255,255,255,.24) 0%, rgba(255,255,255,0) 34%),
    radial-gradient(circle at 76% 78%, rgba(96,165,250,.16) 0%, rgba(96,165,250,0) 38%),
    linear-gradient(160deg, rgba(5,10,22,.98) 0%, rgba(14,28,52,.96) 55%, rgba(4,9,20,.99) 100%) !important;
  box-shadow:
    0 22px 42px rgba(2,6,23,.40),
    0 8px 16px rgba(2,6,23,.22),
    0 0 0 1px rgba(255,255,255,.03),
    inset 0 1px 0 rgba(255,255,255,.14),
    inset 0 -16px 24px rgba(2,6,23,.34),
    inset 0 0 28px rgba(148,163,184,.05) !important;
  backdrop-filter:blur(16px) saturate(1.12) !important;
  -webkit-backdrop-filter:blur(16px) saturate(1.12) !important;
  z-index:8 !important;
}

.iwc-vs-canvas > .iwc-vs-center-badge::before,
.iwc-vs-cinema-wrap .iwc-vs-canvas > .iwc-vs-center-badge::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:-7px !important;
  border-radius:999px !important;
  background:conic-gradient(
    from 210deg,
    rgba(255,255,255,.16),
    rgba(255,255,255,.05) 18%,
    rgba(191,219,254,.22) 38%,
    rgba(255,255,255,.07) 54%,
    rgba(255,255,255,.13) 78%,
    rgba(255,255,255,.16)
  ) !important;
  -webkit-mask:radial-gradient(farthest-side, transparent calc(100% - 2.5px), #000 calc(100% - 1px));
  mask:radial-gradient(farthest-side, transparent calc(100% - 2.5px), #000 calc(100% - 1px));
  opacity:.92 !important;
  pointer-events:none !important;
  z-index:-1 !important;
}

.iwc-vs-canvas > .iwc-vs-center-badge::after,
.iwc-vs-cinema-wrap .iwc-vs-canvas > .iwc-vs-center-badge::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  left:15px !important;
  right:15px !important;
  top:10px !important;
  height:24px !important;
  border-radius:999px !important;
  background:linear-gradient(180deg, rgba(255,255,255,.26), rgba(255,255,255,.06) 42%, rgba(255,255,255,0) 100%) !important;
  opacity:.92 !important;
  filter:blur(.35px) !important;
  pointer-events:none !important;
  z-index:0 !important;
}

.iwc-vs-canvas > .iwc-vs-center-badge .iwc-vs-text,
.iwc-vs-cinema-wrap .iwc-vs-canvas > .iwc-vs-center-badge .iwc-vs-text{
  position:relative !important;
  z-index:1 !important;
  font-size:37px !important;
  line-height:1 !important;
  font-weight:1000 !important;
  letter-spacing:-.065em !important;
  color:#ffffff !important;
  text-shadow:
    0 1px 0 rgba(255,255,255,.18),
    0 8px 18px rgba(2,6,23,.34),
    0 0 18px rgba(191,219,254,.12) !important;
}

.iwc-vs-canvas > .iwc-vs-center-badge .iwc-vs-round,
.iwc-vs-cinema-wrap .iwc-vs-canvas > .iwc-vs-center-badge .iwc-vs-round{
  position:relative !important;
  z-index:1 !important;
  min-width:52px !important;
  padding:4px 10px !important;
  border-radius:999px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.05)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    inset 0 -10px 16px rgba(2,6,23,.18),
    0 6px 12px rgba(2,6,23,.16) !important;
  color:rgba(255,255,255,.95) !important;
  font-size:10px !important;
  font-weight:800 !important;
  letter-spacing:-.01em !important;
}

.iwc-vs-canvas > .iwc-vs-center-badge.is-final,
.iwc-vs-cinema-wrap .iwc-vs-canvas > .iwc-vs-center-badge.is-final{
  background:
    radial-gradient(circle at 28% 20%, rgba(255,255,255,.20) 0%, rgba(255,255,255,0) 34%),
    radial-gradient(circle at 76% 78%, rgba(248,113,113,.16) 0%, rgba(248,113,113,0) 38%),
    linear-gradient(160deg, rgba(41,9,16,.98) 0%, rgba(103,22,36,.96) 55%, rgba(28,6,12,.99) 100%) !important;
  border-color:rgba(255,228,228,.16) !important;
  box-shadow:
    0 22px 42px rgba(33,7,13,.38),
    0 8px 16px rgba(33,7,13,.22),
    0 0 0 1px rgba(255,255,255,.03),
    inset 0 1px 0 rgba(255,255,255,.12),
    inset 0 -16px 24px rgba(20,3,8,.34),
    inset 0 0 28px rgba(254,202,202,.04) !important;
}

.iwc-vs-canvas > .iwc-vs-center-badge.is-final::before,
.iwc-vs-cinema-wrap .iwc-vs-canvas > .iwc-vs-center-badge.is-final::before{
  background:conic-gradient(
    from 210deg,
    rgba(255,230,230,.14),
    rgba(255,230,230,.05) 18%,
    rgba(254,202,202,.18) 38%,
    rgba(255,230,230,.07) 54%,
    rgba(255,230,230,.12) 78%,
    rgba(255,230,230,.14)
  ) !important;
}

.iwc-vs-canvas > .iwc-vs-center-badge.is-final .iwc-vs-text,
.iwc-vs-cinema-wrap .iwc-vs-canvas > .iwc-vs-center-badge.is-final .iwc-vs-text{
  text-shadow:
    0 1px 0 rgba(255,255,255,.16),
    0 8px 18px rgba(33,7,13,.32),
    0 0 18px rgba(254,202,202,.10) !important;
}

.iwc-vs-canvas > .iwc-vs-center-badge.is-final .iwc-vs-round,
.iwc-vs-cinema-wrap .iwc-vs-canvas > .iwc-vs-center-badge.is-final .iwc-vs-round{
  border-color:rgba(255,235,235,.12) !important;
  color:#fff2f2 !important;
}

@media (max-width: 991px){
  .iwc-vs-canvas > .iwc-vs-center-badge,
  .iwc-vs-cinema-wrap .iwc-vs-canvas > .iwc-vs-center-badge{
    width:92px !important;
    min-width:92px !important;
    max-width:92px !important;
    height:92px !important;
    min-height:92px !important;
    max-height:92px !important;
  }

  .iwc-vs-canvas > .iwc-vs-center-badge .iwc-vs-text,
  .iwc-vs-cinema-wrap .iwc-vs-canvas > .iwc-vs-center-badge .iwc-vs-text{
    font-size:34px !important;
  }
}

@media (max-width: 680px){
  .iwc-vs-canvas > .iwc-vs-center-badge,
  .iwc-vs-cinema-wrap .iwc-vs-canvas > .iwc-vs-center-badge{
    width:80px !important;
    min-width:80px !important;
    max-width:80px !important;
    height:80px !important;
    min-height:80px !important;
    max-height:80px !important;
    gap:4px !important;
  }

  .iwc-vs-canvas > .iwc-vs-center-badge::before,
  .iwc-vs-cinema-wrap .iwc-vs-canvas > .iwc-vs-center-badge::before{
    inset:-6px !important;
  }

  .iwc-vs-canvas > .iwc-vs-center-badge::after,
  .iwc-vs-cinema-wrap .iwc-vs-canvas > .iwc-vs-center-badge::after{
    left:12px !important;
    right:12px !important;
    top:9px !important;
    height:19px !important;
  }

  .iwc-vs-canvas > .iwc-vs-center-badge .iwc-vs-text,
  .iwc-vs-cinema-wrap .iwc-vs-canvas > .iwc-vs-center-badge .iwc-vs-text{
    font-size:29px !important;
  }

  .iwc-vs-canvas > .iwc-vs-center-badge .iwc-vs-round,
  .iwc-vs-cinema-wrap .iwc-vs-canvas > .iwc-vs-center-badge .iwc-vs-round{
    min-width:46px !important;
    padding:3px 8px !important;
    font-size:9px !important;
  }
}


/* === VS badge: slightly more flashy premium + orange final === */
.iwc-vs-canvas > .iwc-vs-center-badge,
.iwc-vs-cinema-wrap .iwc-vs-canvas > .iwc-vs-center-badge{
  overflow:visible !important;
  background:
    radial-gradient(circle at 26% 18%, rgba(255,255,255,.22) 0%, rgba(255,255,255,.06) 18%, rgba(255,255,255,0) 36%),
    radial-gradient(circle at 78% 80%, rgba(96,165,250,.12) 0%, rgba(96,165,250,0) 34%),
    linear-gradient(155deg, rgba(9,14,28,.98) 0%, rgba(20,31,54,.97) 54%, rgba(7,11,22,.99) 100%) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  box-shadow:
    0 20px 44px rgba(2,6,23,.42),
    0 10px 24px rgba(15,23,42,.28),
    0 0 0 1px rgba(255,255,255,.045),
    0 0 28px rgba(96,165,250,.10),
    inset 0 1px 0 rgba(255,255,255,.18),
    inset 0 -18px 30px rgba(2,6,23,.34),
    inset 0 0 30px rgba(148,163,184,.05) !important;
}

.iwc-vs-canvas > .iwc-vs-center-badge::before,
.iwc-vs-cinema-wrap .iwc-vs-canvas > .iwc-vs-center-badge::before{
  inset:-8px !important;
  border-radius:50% !important;
  background:
    conic-gradient(
      from 205deg,
      rgba(255,255,255,.18),
      rgba(191,219,254,.05) 14%,
      rgba(255,255,255,.02) 28%,
      rgba(147,197,253,.16) 44%,
      rgba(255,255,255,.05) 58%,
      rgba(255,255,255,.16) 82%,
      rgba(255,255,255,.18)
    ) !important;
  -webkit-mask:radial-gradient(farthest-side, transparent calc(100% - 2px), #000 calc(100% - .5px)) !important;
  mask:radial-gradient(farthest-side, transparent calc(100% - 2px), #000 calc(100% - .5px)) !important;
  opacity:.96 !important;
  filter:drop-shadow(0 0 14px rgba(191,219,254,.10)) !important;
}

.iwc-vs-canvas > .iwc-vs-center-badge::after,
.iwc-vs-cinema-wrap .iwc-vs-canvas > .iwc-vs-center-badge::after{
  left:14px !important;
  right:14px !important;
  top:10px !important;
  height:26px !important;
  background:linear-gradient(180deg, rgba(255,255,255,.32), rgba(255,255,255,.12) 44%, rgba(255,255,255,0) 100%) !important;
  opacity:.95 !important;
  filter:blur(.4px) !important;
}

.iwc-vs-canvas > .iwc-vs-center-badge .iwc-vs-text,
.iwc-vs-cinema-wrap .iwc-vs-canvas > .iwc-vs-center-badge .iwc-vs-text{
  color:#ffffff !important;
  background:linear-gradient(180deg, #ffffff 0%, #eef5ff 52%, #dbeafe 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  text-shadow:
    0 1px 0 rgba(255,255,255,.18),
    0 10px 22px rgba(2,6,23,.34),
    0 0 18px rgba(191,219,254,.12) !important;
}

.iwc-vs-canvas > .iwc-vs-center-badge .iwc-vs-round,
.iwc-vs-cinema-wrap .iwc-vs-canvas > .iwc-vs-center-badge .iwc-vs-round{
  padding:4px 11px !important;
  border:1px solid rgba(255,255,255,.14) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.06)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    inset 0 -10px 16px rgba(2,6,23,.18),
    0 8px 14px rgba(2,6,23,.18) !important;
  color:rgba(255,255,255,.96) !important;
}

.iwc-vs-canvas > .iwc-vs-center-badge.is-final,
.iwc-vs-cinema-wrap .iwc-vs-canvas > .iwc-vs-center-badge.is-final{
  background:
    radial-gradient(circle at 26% 18%, rgba(255,255,255,.20) 0%, rgba(255,255,255,.06) 18%, rgba(255,255,255,0) 36%),
    radial-gradient(circle at 78% 82%, rgba(251,191,36,.14) 0%, rgba(251,191,36,0) 34%),
    linear-gradient(155deg, rgba(56,30,8,.98) 0%, rgba(120,53,15,.97) 54%, rgba(45,21,6,.99) 100%) !important;
  border-color:rgba(255,237,213,.20) !important;
  box-shadow:
    0 20px 44px rgba(67,30,6,.40),
    0 10px 24px rgba(120,53,15,.24),
    0 0 0 1px rgba(255,255,255,.04),
    0 0 30px rgba(251,191,36,.12),
    inset 0 1px 0 rgba(255,248,235,.18),
    inset 0 -18px 30px rgba(67,30,6,.30),
    inset 0 0 30px rgba(255,237,213,.06) !important;
}

.iwc-vs-canvas > .iwc-vs-center-badge.is-final::before,
.iwc-vs-cinema-wrap .iwc-vs-canvas > .iwc-vs-center-badge.is-final::before{
  background:
    conic-gradient(
      from 205deg,
      rgba(255,247,237,.20),
      rgba(254,215,170,.08) 16%,
      rgba(255,247,237,.03) 30%,
      rgba(251,191,36,.18) 46%,
      rgba(255,247,237,.06) 62%,
      rgba(255,237,213,.16) 84%,
      rgba(255,247,237,.20)
    ) !important;
  filter:drop-shadow(0 0 14px rgba(251,191,36,.12)) !important;
}

.iwc-vs-canvas > .iwc-vs-center-badge.is-final .iwc-vs-text,
.iwc-vs-cinema-wrap .iwc-vs-canvas > .iwc-vs-center-badge.is-final .iwc-vs-text{
  background:linear-gradient(180deg, #fffaf0 0%, #ffedd5 58%, #fed7aa 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  text-shadow:
    0 1px 0 rgba(255,248,235,.16),
    0 10px 22px rgba(67,30,6,.30),
    0 0 18px rgba(251,191,36,.12) !important;
}

.iwc-vs-canvas > .iwc-vs-center-badge.is-final .iwc-vs-round,
.iwc-vs-cinema-wrap .iwc-vs-canvas > .iwc-vs-center-badge.is-final .iwc-vs-round{
  border-color:rgba(255,237,213,.16) !important;
  background:linear-gradient(180deg, rgba(255,247,237,.15), rgba(255,237,213,.06)) !important;
  color:#fff5e8 !important;
}

@media (max-width: 680px){
  .iwc-vs-canvas > .iwc-vs-center-badge::before,
  .iwc-vs-cinema-wrap .iwc-vs-canvas > .iwc-vs-center-badge::before{
    inset:-7px !important;
  }

  .iwc-vs-canvas > .iwc-vs-center-badge::after,
  .iwc-vs-cinema-wrap .iwc-vs-canvas > .iwc-vs-center-badge::after{
    left:11px !important;
    right:11px !important;
    top:8px !important;
    height:20px !important;
  }
}


/* ===== 2026-03-24 VS badge center hard-fix: true centered VS ===== */
.iwc-vs-canvas > .iwc-vs-center-badge,
.iwc-vs-cinema-wrap .iwc-vs-canvas > .iwc-vs-center-badge{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  transform:translate(-50%,-50%) !important;
  width:104px !important;
  min-width:104px !important;
  max-width:104px !important;
  height:104px !important;
  min-height:104px !important;
  max-height:104px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  padding:0 !important;
  border-radius:999px !important;
  overflow:visible !important;
  border:1px solid rgba(255,255,255,.18) !important;
  background:
    radial-gradient(circle at 50% 18%, rgba(255,255,255,.16) 0%, rgba(255,255,255,0) 26%),
    radial-gradient(circle at 76% 78%, rgba(96,165,250,.10) 0%, rgba(96,165,250,0) 34%),
    linear-gradient(155deg, rgba(17,24,39,.96) 0%, rgba(30,41,59,.94) 54%, rgba(11,18,32,.98) 100%) !important;
  box-shadow:
    0 16px 36px rgba(2,6,23,.42),
    0 8px 18px rgba(15,23,42,.24),
    0 0 0 1px rgba(255,255,255,.04),
    0 0 24px rgba(96,165,250,.09),
    inset 0 1px 0 rgba(255,255,255,.14),
    inset 0 -14px 22px rgba(2,6,23,.24) !important;
  backdrop-filter:blur(10px) saturate(1.03) !important;
  -webkit-backdrop-filter:blur(10px) saturate(1.03) !important;
  z-index:36 !important;
}

.iwc-vs-canvas > .iwc-vs-center-badge::before,
.iwc-vs-cinema-wrap .iwc-vs-canvas > .iwc-vs-center-badge::before{
  content:"" !important;
  position:absolute !important;
  inset:-7px !important;
  border-radius:999px !important;
  border:1px solid rgba(191,219,254,.16) !important;
  background:conic-gradient(from 210deg, rgba(255,255,255,.08), rgba(147,197,253,.04) 18%, rgba(255,255,255,0) 38%, rgba(147,197,253,.10) 62%, rgba(255,255,255,.06) 86%, rgba(255,255,255,.08)) !important;
  -webkit-mask:radial-gradient(circle, transparent calc(100% - 1.5px), #000 calc(100% - 1px)) !important;
  mask:radial-gradient(circle, transparent calc(100% - 1.5px), #000 calc(100% - 1px)) !important;
  box-shadow:0 0 16px rgba(96,165,250,.08) !important;
  opacity:.95 !important;
  pointer-events:none !important;
}

.iwc-vs-canvas > .iwc-vs-center-badge::after,
.iwc-vs-cinema-wrap .iwc-vs-canvas > .iwc-vs-center-badge::after{
  content:"" !important;
  position:absolute !important;
  left:18px !important;
  right:18px !important;
  top:12px !important;
  height:14px !important;
  border-radius:999px !important;
  background:linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,0) 100%) !important;
  filter:blur(.25px) !important;
  opacity:.7 !important;
  pointer-events:none !important;
}

.iwc-vs-canvas > .iwc-vs-center-badge .iwc-vs-sub,
.iwc-vs-cinema-wrap .iwc-vs-canvas > .iwc-vs-center-badge .iwc-vs-sub{
  display:none !important;
}

.iwc-vs-canvas > .iwc-vs-center-badge .iwc-vs-text,
.iwc-vs-cinema-wrap .iwc-vs-canvas > .iwc-vs-center-badge .iwc-vs-text{
  position:static !important;
  inset:auto !important;
  transform:none !important;
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  line-height:1 !important;
  font-size:28px !important;
  font-weight:1000 !important;
  letter-spacing:-.08em !important;
  color:#ffffff !important;
  background:linear-gradient(180deg, #ffffff 0%, #f8fbff 55%, #dbeafe 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  text-shadow:0 1px 0 rgba(255,255,255,.18), 0 8px 16px rgba(2,6,23,.28) !important;
  z-index:2 !important;
}

.iwc-vs-canvas > .iwc-vs-center-badge .iwc-vs-round,
.iwc-vs-cinema-wrap .iwc-vs-canvas > .iwc-vs-center-badge .iwc-vs-round{
  position:static !important;
  inset:auto !important;
  transform:none !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:52px !important;
  max-width:none !important;
  margin:0 !important;
  padding:4px 10px !important;
  border-radius:999px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background:linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.05)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10), 0 6px 12px rgba(2,6,23,.14) !important;
  color:rgba(255,255,255,.96) !important;
  font-size:11px !important;
  line-height:1.1 !important;
  font-weight:800 !important;
  letter-spacing:-.01em !important;
  z-index:2 !important;
}

.iwc-vs-canvas > .iwc-vs-center-badge.is-final,
.iwc-vs-cinema-wrap .iwc-vs-canvas > .iwc-vs-center-badge.is-final{
  background:
    radial-gradient(circle at 50% 18%, rgba(255,249,240,.18) 0%, rgba(255,249,240,0) 28%),
    radial-gradient(circle at 76% 78%, rgba(245,158,11,.12) 0%, rgba(245,158,11,0) 34%),
    linear-gradient(155deg, rgba(76,36,8,.96) 0%, rgba(146,64,14,.95) 54%, rgba(63,28,6,.98) 100%) !important;
  border-color:rgba(255,237,213,.18) !important;
  box-shadow:
    0 16px 36px rgba(67,30,6,.38),
    0 8px 18px rgba(120,53,15,.24),
    0 0 0 1px rgba(255,255,255,.04),
    0 0 24px rgba(245,158,11,.11),
    inset 0 1px 0 rgba(255,248,235,.14),
    inset 0 -14px 22px rgba(67,30,6,.22) !important;
}

.iwc-vs-canvas > .iwc-vs-center-badge.is-final::before,
.iwc-vs-cinema-wrap .iwc-vs-canvas > .iwc-vs-center-badge.is-final::before{
  border-color:rgba(255,237,213,.14) !important;
  background:conic-gradient(from 210deg, rgba(255,247,237,.10), rgba(254,215,170,.05) 18%, rgba(255,255,255,0) 38%, rgba(251,191,36,.12) 62%, rgba(255,237,213,.08) 86%, rgba(255,247,237,.10)) !important;
  box-shadow:0 0 16px rgba(245,158,11,.10) !important;
}

.iwc-vs-canvas > .iwc-vs-center-badge.is-final .iwc-vs-text,
.iwc-vs-cinema-wrap .iwc-vs-canvas > .iwc-vs-center-badge.is-final .iwc-vs-text{
  background:linear-gradient(180deg, #fffaf0 0%, #ffedd5 58%, #fdba74 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  text-shadow:0 1px 0 rgba(255,248,235,.16), 0 8px 16px rgba(67,30,6,.28) !important;
}

.iwc-vs-canvas > .iwc-vs-center-badge.is-final .iwc-vs-round,
.iwc-vs-cinema-wrap .iwc-vs-canvas > .iwc-vs-center-badge.is-final .iwc-vs-round{
  border-color:rgba(255,237,213,.14) !important;
  background:linear-gradient(180deg, rgba(255,247,237,.14), rgba(255,237,213,.05)) !important;
  color:#fff5e8 !important;
}

@media (max-width: 991px){
  .iwc-vs-canvas > .iwc-vs-center-badge,
  .iwc-vs-cinema-wrap .iwc-vs-canvas > .iwc-vs-center-badge{
    width:96px !important;
    min-width:96px !important;
    max-width:96px !important;
    height:96px !important;
    min-height:96px !important;
    max-height:96px !important;
    gap:6px !important;
  }
  .iwc-vs-canvas > .iwc-vs-center-badge .iwc-vs-text,
  .iwc-vs-cinema-wrap .iwc-vs-canvas > .iwc-vs-center-badge .iwc-vs-text{
    font-size:26px !important;
  }
  .iwc-vs-canvas > .iwc-vs-center-badge .iwc-vs-round,
  .iwc-vs-cinema-wrap .iwc-vs-canvas > .iwc-vs-center-badge .iwc-vs-round{
    min-width:48px !important;
    font-size:10px !important;
    padding:4px 9px !important;
  }
}

@media (max-width: 680px){
  .iwc-vs-canvas > .iwc-vs-center-badge,
  .iwc-vs-cinema-wrap .iwc-vs-canvas > .iwc-vs-center-badge{
    width:84px !important;
    min-width:84px !important;
    max-width:84px !important;
    height:84px !important;
    min-height:84px !important;
    max-height:84px !important;
    gap:5px !important;
  }
  .iwc-vs-canvas > .iwc-vs-center-badge::before,
  .iwc-vs-cinema-wrap .iwc-vs-canvas > .iwc-vs-center-badge::before{
    inset:-6px !important;
  }
  .iwc-vs-canvas > .iwc-vs-center-badge::after,
  .iwc-vs-cinema-wrap .iwc-vs-canvas > .iwc-vs-center-badge::after{
    left:15px !important;
    right:15px !important;
    top:10px !important;
    height:12px !important;
  }
  .iwc-vs-canvas > .iwc-vs-center-badge .iwc-vs-text,
  .iwc-vs-cinema-wrap .iwc-vs-canvas > .iwc-vs-center-badge .iwc-vs-text{
    font-size:22px !important;
  }
  .iwc-vs-canvas > .iwc-vs-center-badge .iwc-vs-round,
  .iwc-vs-cinema-wrap .iwc-vs-canvas > .iwc-vs-center-badge .iwc-vs-round{
    min-width:44px !important;
    font-size:9px !important;
    padding:3px 8px !important;
  }
}

/* ===== 2026-03-24 VS badge polish fix: cleaner premium + no S clipping ===== */
.iwc-vs-canvas > .iwc-vs-center-badge,
.iwc-vs-cinema-wrap .iwc-vs-canvas > .iwc-vs-center-badge{
  gap:6px !important;
}

.iwc-vs-canvas > .iwc-vs-center-badge::after,
.iwc-vs-cinema-wrap .iwc-vs-canvas > .iwc-vs-center-badge::after{
  left:22px !important;
  right:22px !important;
  top:10px !important;
  height:10px !important;
  opacity:.46 !important;
  background:linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,0) 100%) !important;
}

.iwc-vs-canvas > .iwc-vs-center-badge .iwc-vs-text,
.iwc-vs-cinema-wrap .iwc-vs-canvas > .iwc-vs-center-badge .iwc-vs-text{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:58px !important;
  padding:0 3px 0 4px !important;
  line-height:1.08 !important;
  font-size:29px !important;
  font-weight:900 !important;
  letter-spacing:-.03em !important;
  font-family: Arial, "Pretendard", "Noto Sans KR", sans-serif !important;
  overflow:visible !important;
  text-rendering:geometricPrecision !important;
  -webkit-font-smoothing:antialiased !important;
  text-shadow:0 1px 0 rgba(255,255,255,.14), 0 8px 14px rgba(2,6,23,.24) !important;
}

.iwc-vs-canvas > .iwc-vs-center-badge .iwc-vs-round,
.iwc-vs-cinema-wrap .iwc-vs-canvas > .iwc-vs-center-badge .iwc-vs-round{
  position:relative !important;
  top:-1px !important;
}

.iwc-vs-canvas > .iwc-vs-center-badge.is-final::after,
.iwc-vs-cinema-wrap .iwc-vs-canvas > .iwc-vs-center-badge.is-final::after{
  background:linear-gradient(180deg, rgba(255,247,237,.13), rgba(255,247,237,0) 100%) !important;
  opacity:.48 !important;
}

.iwc-vs-canvas > .iwc-vs-center-badge.is-final .iwc-vs-text,
.iwc-vs-cinema-wrap .iwc-vs-canvas > .iwc-vs-center-badge.is-final .iwc-vs-text{
  text-shadow:0 1px 0 rgba(255,248,235,.14), 0 8px 14px rgba(67,30,6,.22) !important;
}

@media (max-width: 991px){
  .iwc-vs-canvas > .iwc-vs-center-badge .iwc-vs-text,
  .iwc-vs-cinema-wrap .iwc-vs-canvas > .iwc-vs-center-badge .iwc-vs-text{
    min-width:54px !important;
    font-size:27px !important;
  }
}

@media (max-width: 680px){
  .iwc-vs-canvas > .iwc-vs-center-badge::after,
  .iwc-vs-cinema-wrap .iwc-vs-canvas > .iwc-vs-center-badge::after{
    left:18px !important;
    right:18px !important;
    top:9px !important;
    height:9px !important;
  }
  .iwc-vs-canvas > .iwc-vs-center-badge .iwc-vs-text,
  .iwc-vs-cinema-wrap .iwc-vs-canvas > .iwc-vs-center-badge .iwc-vs-text{
    min-width:48px !important;
    padding:0 2px 0 3px !important;
    font-size:23px !important;
  }
}


/* =========================================================
   VS PICK MOTION HOTFIX
   - 패자는 대각선이 아니라 좌/우 직선으로 이탈
   - 선택 시 중앙 라인 / 안내 박스 즉시 숨김
   ========================================================= */
.iwc-vs-cinema-wrap.is-picking .iwc-vs-bottom-tip,
.iwc-vs-cinema-wrap.is-picking .iwc-vs-center-badge,
.iwc-vs-cinema-wrap .iwc-vs-bottom-tip.is-hide-fast,
.iwc-vs-cinema-wrap .iwc-vs-center-badge.is-hide-fast{
  opacity:0 !important;
  visibility:hidden !important;
  transform:translateX(-50%) scale(.94) !important;
  filter:blur(8px) !important;
  transition:opacity .18s ease, visibility .18s ease, transform .18s ease, filter .18s ease !important;
}

.iwc-vs-cinema-wrap.is-picking .iwc-vs-canvas::before,
.iwc-vs-cinema-wrap.is-picking .iwc-vs-canvas::after{
  opacity:0 !important;
  transition:opacity .18s ease !important;
}

.iwc-vs-canvas::before,
.iwc-vs-canvas::after{
  transition:opacity .18s ease !important;
}

.iwc-vs-side.is-loser{
  will-change:transform, opacity, filter;
}

.iwc-vs-name.is-loser-name{
  will-change:transform, opacity, filter;
}


/* 2026-03-24 horizontal loser exit hard fix */
.iwc-vs-side.iwc-exit-left,
.iwc-vs-side.iwc-exit-right{
  will-change:left, right, opacity, filter;
}

.iwc-vs-side.iwc-exit-left.is-exit-active{
  left:-60vw !important;
  right:auto !important;
  transform:translateY(-50%) scale(.94) !important;
  opacity:0 !important;
  filter:grayscale(1) brightness(.42) blur(2px) !important;
  transition:left 1.16s cubic-bezier(.22,.78,.22,1), opacity .52s ease, filter .44s ease !important;
}

.iwc-vs-side.iwc-exit-right.is-exit-active{
  right:-60vw !important;
  left:auto !important;
  transform:translateY(-50%) scale(.94) !important;
  opacity:0 !important;
  filter:grayscale(1) brightness(.42) blur(2px) !important;
  transition:right 1.16s cubic-bezier(.22,.78,.22,1), opacity .52s ease, filter .44s ease !important;
}

@media (max-width: 767px){
  .iwc-vs-side.iwc-exit-left.is-exit-active{
    left:-120vw !important;
    right:auto !important;
    transform:none !important;
  }
  .iwc-vs-side.iwc-exit-right.is-exit-active{
    left:120vw !important;
    right:auto !important;
    transform:none !important;
  }
}

/* 2026-03-24 result winner overlay cleanup */
.iwc-result-comment-winner .iwc-final-crown,
.iwc-result-comment-winner .iwc-result-hero-wrap .iwc-final-crown,
.iwc-result-comment-winner > .iwc-final-crown{
  display:none !important;
}

.iwc-result-comment-winner .iwc-result-hero-wrap{
  position:relative !important;
  overflow:hidden;
  isolation:isolate;
  margin:0 auto 16px !important;
  padding-top:0 !important;
}

.iwc-result-comment-winner .iwc-result-hero-wrap::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:42%;
  z-index:3;
  pointer-events:none;
  background:linear-gradient(180deg, rgba(2,6,23,0) 0%, rgba(2,6,23,.12) 20%, rgba(2,6,23,.68) 72%, rgba(2,6,23,.88) 100%);
}

.iwc-result-comment-winner .iwc-result-hero-wrap .iwc-result-hero-thumb{
  margin:0 auto !important;
  position:relative;
  z-index:1;
}

.iwc-result-comment-winner .iwc-result-hero-overlay{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  z-index:5;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
  padding:0 26px 26px;
  pointer-events:none;
}

.iwc-result-comment-winner .iwc-result-hero-overlay .iwc-result-winner-meta{
  margin:0 !important;
}

.iwc-result-comment-winner .iwc-result-hero-overlay .iwc-result-winner-meta span{
  background:rgba(7,12,24,.52);
  border-color:rgba(255,255,255,.14);
  box-shadow:0 10px 26px rgba(2,6,23,.24);
  backdrop-filter:blur(10px);
}

.iwc-result-comment-winner .iwc-result-hero-overlay .iwc-final-title-wrap{
  margin:0 !important;
}

.iwc-result-comment-winner .iwc-result-hero-overlay .iwc-final-title-glow{
  width:min(86%, 460px);
  height:78px;
  opacity:.52;
  filter:blur(20px);
}

.iwc-result-comment-winner .iwc-result-hero-overlay .iwc-final-title{
  color:#ffffff;
  text-shadow:0 14px 34px rgba(2,6,23,.56), 0 2px 10px rgba(2,6,23,.42);
}

.iwc-result-comment-winner > .iwc-result-winner-meta,
.iwc-result-comment-winner > .iwc-final-title-wrap{
  display:none !important;
}

.iwc-result-comment-winner .iwc-final-sub{
  margin-top:2px;
}

@media (max-width:780px){
  .iwc-result-comment-winner .iwc-result-hero-wrap{
    margin-bottom:14px !important;
  }

  .iwc-result-comment-winner .iwc-result-hero-wrap::after{
    height:48%;
  }

  .iwc-result-comment-winner .iwc-result-hero-overlay{
    gap:8px;
    padding:0 16px 18px;
  }

  .iwc-result-comment-winner .iwc-result-hero-overlay .iwc-result-winner-meta span{
    min-height:30px;
    padding:0 11px;
    font-size:11px;
  }

  .iwc-result-comment-winner .iwc-result-hero-overlay .iwc-final-title{
    font-size:clamp(24px, 6vw, 34px);
  }
}


/* 2026-03-24 result winner text above image box */
.iwc-result-comment-winner .iwc-result-hero-wrap{
  display:flex !important;
  flex-direction:column;
  align-items:center;
  gap:14px;
  overflow:visible !important;
  isolation:isolate;
}

.iwc-result-comment-winner .iwc-result-hero-wrap::after{
  display:none !important;
}

.iwc-result-comment-winner .iwc-result-hero-overlay{
  position:relative !important;
  left:auto !important;
  right:auto !important;
  bottom:auto !important;
  order:-1;
  width:100%;
  padding:0 !important;
  gap:10px;
  pointer-events:none;
}

.iwc-result-comment-winner .iwc-result-hero-overlay .iwc-result-winner-meta{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:8px;
  width:100%;
}

.iwc-result-comment-winner .iwc-result-hero-overlay .iwc-final-title-wrap{
  width:100%;
}

.iwc-result-comment-winner .iwc-result-hero-overlay .iwc-final-title-glow{
  width:min(72%, 340px);
  height:54px;
  top:50%;
  transform:translate(-50%, -50%);
  opacity:.38;
  filter:blur(18px);
}

.iwc-result-comment-winner .iwc-result-hero-overlay .iwc-final-title{
  text-align:center;
}

.iwc-result-comment-winner .iwc-result-hero-wrap .iwc-result-hero-thumb{
  margin:0 auto !important;
}

@media (max-width:780px){
  .iwc-result-comment-winner .iwc-result-hero-wrap{
    gap:12px;
  }

  .iwc-result-comment-winner .iwc-result-hero-overlay{
    gap:8px;
  }
}


/* =========================
   Result share redesign
========================= */
.iwc-share-info-card{
  padding:14px 16px;
  border-radius:18px;
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.08);
  margin-bottom:14px;
}

.iwc-share-info-url{
  color:#f8fbff;
  font-size:13px;
  font-weight:800;
  line-height:1.5;
  word-break:break-all;
}

.iwc-share-info-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:10px;
}

.iwc-share-info-meta span{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 11px;
  border-radius:999px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.08);
  color:rgba(235,243,255,.82);
  font-size:12px;
  font-weight:800;
}

.iwc-share-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:10px;
}

.iwc-share-btn{
  position:relative;
  display:flex;
  justify-content:flex-start;
  align-items:center;
  gap:8px;
  min-height:50px;
  padding:0 12px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.09);
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  color:#f8fbff;
  font-size:13px;
  font-weight:900;
  letter-spacing:-.01em;
  text-decoration:none;
  text-align:left;
  cursor:pointer;
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.iwc-share-btn:hover{
  transform:translateY(-1px);
  border-color:rgba(255,255,255,.16);
  box-shadow:0 14px 28px rgba(2,6,23,.18);
  background:linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.04));
}

.iwc-share-btn svg{
  width:18px;
  height:18px;
  flex:0 0 18px;
}

.iwc-share-btn span{
  flex:0 1 auto;
  min-width:0;
  line-height:1.25;
  white-space:normal;
}

.iwc-share-btn.is-link{color:#dbeafe;}
.iwc-share-btn.is-facebook{color:#cfe0ff;}
.iwc-share-btn.is-kakao{color:#ffe37a;}
.iwc-share-btn.is-band{color:#a8f0a1;}
.iwc-share-btn.is-naver{color:#91f0b1;}
.iwc-share-btn.is-line{color:#97f3bc;}

.iwc-share-bottom-actions{
  margin-top:14px;
}

.iwc-share-page{
  min-height:100vh;
  background:
    radial-gradient(circle at top, rgba(59,130,246,.16), transparent 34%),
    radial-gradient(circle at bottom right, rgba(249,115,22,.14), transparent 28%),
    #07111f;
  color:#f8fbff;
}

.iwc-share-page-shell{
  width:min(1160px, calc(100% - 32px));
  margin:0 auto;
  padding:40px 0 56px;
}

.iwc-share-page-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-bottom:20px;
}

.iwc-share-page-brand{
  display:flex;
  flex-direction:column;
  gap:8px;
}

.iwc-share-page-brand .iwc-badge{
  width:max-content;
}

.iwc-share-page-brand h1{
  margin:0;
  font-size:34px;
  font-weight:900;
  letter-spacing:-.03em;
}

.iwc-share-page-brand p{
  margin:0;
  color:rgba(226,236,255,.72);
  font-size:15px;
}

.iwc-share-page-grid{
  display:grid;
  grid-template-columns:minmax(0, 1.1fr) minmax(320px, .9fr);
  gap:20px;
}

.iwc-share-page-card,
.iwc-share-page-side{
  background:linear-gradient(180deg, rgba(12,18,33,.92), rgba(7,11,21,.98));
  border:1px solid rgba(255,255,255,.08);
  border-radius:28px;
  box-shadow:0 24px 60px rgba(2,6,23,.26);
}

.iwc-share-page-card{
  padding:20px;
}

.iwc-share-page-side{
  padding:20px;
  display:flex;
  flex-direction:column;
  gap:18px;
}

.iwc-share-page-topline{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:16px;
  flex-wrap:wrap;
}

.iwc-share-page-title{
  display:flex;
  flex-direction:column;
  gap:8px;
}

.iwc-share-page-title strong{
  font-size:28px;
  font-weight:900;
  letter-spacing:-.03em;
}

.iwc-share-page-title span{
  color:rgba(226,236,255,.66);
  font-size:14px;
}

.iwc-share-page-hero{
  position:relative;
  border-radius:26px;
  overflow:hidden;
  background:#0f172a;
  border:1px solid rgba(255,255,255,.08);
  min-height:540px;
}

.iwc-share-page-hero img,
.iwc-share-page-hero .iwc-noimg{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
  background:radial-gradient(circle at center, rgba(255,255,255,.06), rgba(255,255,255,.02));
}

.iwc-share-page-hero::after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:0;
  height:38%;
  background:linear-gradient(to top, rgba(3,7,18,.86), transparent);
  pointer-events:none;
}

.iwc-share-page-hero-caption{
  position:absolute;
  left:18px;
  right:18px;
  bottom:18px;
  z-index:2;
}

.iwc-share-page-hero-caption .iwc-result-winner-meta{
  margin-bottom:10px;
}

.iwc-share-page-hero-caption .iwc-final-title{
  font-size:40px;
}

.iwc-share-summary{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:10px;
}

.iwc-share-summary .iwc-share-stat{
  padding:14px 16px;
  border-radius:18px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
}

.iwc-share-summary .iwc-share-stat strong{
  display:block;
  color:#f8fbff;
  font-size:16px;
  font-weight:900;
  margin-bottom:6px;
}

.iwc-share-summary .iwc-share-stat span{
  display:block;
  color:rgba(226,236,255,.64);
  font-size:13px;
}

.iwc-share-page-urlbox{
  padding:14px 16px;
  border-radius:18px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
}

.iwc-share-page-urlbox strong{
  display:block;
  margin-bottom:8px;
  font-size:14px;
  font-weight:900;
}

.iwc-share-page-urlbox .iwc-share-info-url{font-size:13px;}

.iwc-share-page-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

.iwc-share-page-footnote{
  color:rgba(226,236,255,.58);
  font-size:13px;
  line-height:1.7;
}

@media (max-width: 980px){
  .iwc-share-page-grid{grid-template-columns:1fr;}
}

@media (max-width: 767px){
  .iwc-share-grid{grid-template-columns:repeat(2, minmax(0, 1fr));}
  .iwc-share-page-shell{width:min(100% - 18px, 100%);padding:22px 0 34px;}
  .iwc-share-page-top{flex-direction:column;align-items:flex-start;}
  .iwc-share-page-brand h1{font-size:28px;}
  .iwc-share-page-title strong{font-size:24px;}
  .iwc-share-page-hero{min-height:420px;}
  .iwc-share-page-hero-caption .iwc-final-title{font-size:32px;}
  .iwc-share-summary{grid-template-columns:1fr;}
}

@media (max-width: 560px){
  .iwc-share-grid{grid-template-columns:1fr;}
}


/* ===== result/share polish (2026-03-24) ===== */
.iwc-result-comment-top-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

.iwc-result-comment-top-actions .iwc-btn,
.iwc-result-comment-top-actions .iwc-btn-ghost,
.iwc-share-bottom-actions .iwc-btn,
.iwc-share-bottom-actions .iwc-btn-ghost,
.iwc-share-page-actions .iwc-btn,
.iwc-share-page-actions .iwc-btn-ghost{
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease, color .18s ease;
}

.iwc-result-comment-top-actions .iwc-btn:hover,
.iwc-result-comment-top-actions .iwc-btn-ghost:hover,
.iwc-share-bottom-actions .iwc-btn:hover,
.iwc-share-bottom-actions .iwc-btn-ghost:hover,
.iwc-share-page-actions .iwc-btn:hover,
.iwc-share-page-actions .iwc-btn-ghost:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 34px rgba(2,6,23,.26);
}

.iwc-share-bottom-actions{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:10px;
}

.iwc-share-bottom-actions .iwc-btn,
.iwc-share-bottom-actions .iwc-btn-ghost{
  width:100%;
  justify-content:center;
}

.iwc-share-page-hero::after{
  height:46%;
  background:linear-gradient(to top, rgba(3,7,18,.96) 0%, rgba(3,7,18,.78) 32%, rgba(3,7,18,.18) 82%, transparent 100%);
}

.iwc-share-page-hero-caption{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.iwc-share-page-hero-caption .iwc-result-winner-meta{
  width:max-content;
  max-width:100%;
}

.iwc-share-page-hero-caption .iwc-final-title-wrap{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  padding:10px 14px;
  border-radius:18px;
  background:linear-gradient(180deg, rgba(7,11,21,.74), rgba(7,11,21,.52));
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 18px 34px rgba(2,6,23,.26);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}

.iwc-share-page-hero-caption .iwc-final-title{
  color:#fff;
  text-shadow:0 8px 22px rgba(0,0,0,.42), 0 2px 5px rgba(0,0,0,.46);
}

.iwc-share-page-hero-caption .iwc-result-winner-meta span{
  color:#fff;
  text-shadow:0 1px 3px rgba(0,0,0,.36);
}

@media (max-width: 767px){
  .iwc-share-bottom-actions{grid-template-columns:1fr;}
}


/* 2026-03-24 card simplification tweak */
.iwc-card-premium .iwc-body{
  gap:14px;
}
.iwc-card-premium .iwc-card-top{
  gap:8px;
}
.iwc-card-premium .iwc-card-copy{
  gap:12px;
}
.iwc-card-premium .iwc-card-actions{
  margin-top:2px;
}
.iwc-card-premium .iwc-meta-secondary{
  gap:7px;
}
.iwc-card-premium .iwc-meta-secondary:not(.iwc-thumb-stats) span{
  min-height:30px;
  padding:0 10px;
  font-size:11px;
}

@media (max-width: 1024px){
  .iwc-thumb-stats{grid-template-columns:repeat(3,minmax(0,1fr));}
}


@media (max-width: 640px){
  .iwc-thumb-badges-left{right:96px;max-width:calc(100% - 112px);}
  .iwc-thumb-badge,.iwc-thumb-badge-open{min-height:32px;padding:0 11px;font-size:11px;}
  .iwc-thumb-stats{left:12px;right:12px;bottom:12px;gap:4px;grid-template-columns:repeat(3,minmax(0,1fr));}
  .iwc-thumb-owner-badge{left:12px;bottom:46px;min-height:26px;padding:0 10px;font-size:10px;}
  .iwc-thumb-meta-badges{left:12px;right:12px;bottom:46px;gap:4px;}
  .iwc-thumb-meta-badge{min-height:26px;padding:0 10px;font-size:10px;}
  .iwc-thumb-stats span{min-height:28px;padding:4px 5px;font-size:10px;border-radius:10px;border-width:1px;box-shadow:0 7px 14px rgba(15,23,42,.11), inset 0 1px 0 rgba(255,255,255,.76);}
  .iwc-thumb-stats .iwc-stat-chip{gap:3px;flex-wrap:wrap;}
  .iwc-thumb-stats .iwc-stat-chip b{font-size:10px;}
  .iwc-thumb-stats .iwc-stat-chip em{font-size:10px;}
  .iwc-thumb-stats .iwc-stat-chip strong{font-size:10px;}
  .iwc-thumb-stats .iwc-stat-chip.stat-like strong,
  .iwc-thumb-stats .iwc-stat-chip.stat-bookmark strong,
  .iwc-thumb-stats .iwc-stat-chip.stat-comment strong{font-size:10px;}
  .iwc-modal-lobby .iwc-start-lobby-compact .iwc-start-mode-grid .iwc-mode-btn{padding:0 12px;font-size:13px;}
}


/* ===============================
   Detail page redesign rebuild
   =============================== */
.iwc-detail-wrap{
  margin-bottom:28px;
}

.iwc-detail-main.iwc-detail-main-rebuild{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0, 1fr);
  gap:18px;
  padding:22px;
  margin-bottom:20px;
  border:1px solid rgba(223,234,248,.96);
  border-radius:28px;
  background:linear-gradient(180deg, rgba(255,255,255,.97), rgba(248,251,255,.94));
  box-shadow:0 18px 40px rgba(15,23,42,.06);
  overflow:visible;
}

.iwc-detail-main.iwc-detail-main-rebuild::before{
  display:none;
}

.iwc-detail-visual{
  min-width:0;
  width:100%;
}

.iwc-detail-main-rebuild .iwc-detail-visual,
.iwc-detail-main-rebuild .iwc-detail-info{
  width:100%;
}

.iwc-detail-main-rebuild .iwc-detail-info{
  padding-top:2px;
}

.iwc-detail-main-rebuild .iwc-detail-thumb{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:420px;
  height:auto;
  overflow:hidden;
  border:none;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}

.iwc-detail-main-rebuild .iwc-detail-thumb img{
  position:relative;
  z-index:1;
  width:100%;
  height:100%;
  min-height:420px;
  padding:0;
  object-fit:contain;
  filter:drop-shadow(0 20px 28px rgba(15,23,42,.14));
}

.iwc-detail-thumb-glow{
  position:absolute;
  inset:auto -10% -28% auto;
  width:260px;
  height:260px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(59,130,246,.22), rgba(59,130,246,0) 68%);
  pointer-events:none;
}

.iwc-detail-thumb-top,
.iwc-detail-thumb-bottom{
  position:absolute;
  left:16px;
  right:16px;
  z-index:2;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.iwc-detail-thumb-top{
  top:16px;
  align-items:flex-start;
}

.iwc-detail-thumb-bottom{
  bottom:16px;
  align-items:flex-end;
}

.iwc-detail-float-badge{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.82);
  backdrop-filter:blur(18px);
  box-shadow:0 14px 28px rgba(15,23,42,.10);
  font-size:12px;
  font-weight:900;
  letter-spacing:-.01em;
}

.iwc-detail-float-badge.is-max{
  background:rgba(239,246,255,.94);
  color:#1d4ed8;
}

.iwc-detail-float-badge.is-total{
  background:rgba(248,250,252,.94);
  color:#334155;
}

.iwc-detail-float-badge.is-open{
  margin-left:auto;
  background:rgba(15,23,42,.78);
  border-color:rgba(255,255,255,.12);
  color:#fff;
}

.iwc-detail-stat-badge{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:34px;
  padding:0 10px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.78);
  background:rgba(255,255,255,.92);
  color:#0f172a;
  font-size:12px;
  font-weight:900;
  letter-spacing:-.01em;
  box-shadow:0 10px 24px rgba(15,23,42,.10);
  backdrop-filter:blur(16px);
}

.iwc-detail-stat-badge i{
  font-style:normal;
  line-height:1;
}

.iwc-detail-stat-badge b{
  font-size:12px;
  font-weight:900;
}

.iwc-detail-stat-badge small{
  font-size:12px;
  font-weight:900;
  color:inherit;
}

.iwc-detail-stat-badge.is-hit{color:#1d4ed8;}
.iwc-detail-stat-badge.is-play{color:#6d28d9;}
.iwc-detail-stat-badge.is-like{color:#e11d48;}
.iwc-detail-stat-badge.is-bookmark{color:#b45309;}
.iwc-detail-stat-badge.is-comment{color:#047857;}

.iwc-detail-info{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:14px;
  justify-content:flex-start;
}

.iwc-detail-kicker{
  display:inline-flex;
  align-items:center;
  width:max-content;
  min-height:30px;
  padding:0 12px;
  border-radius:999px;
  background:linear-gradient(135deg, rgba(37,99,235,.08), rgba(99,102,241,.12));
  border:1px solid rgba(147,197,253,.55);
  color:#1d4ed8;
  font-size:12px;
  font-weight:900;
  letter-spacing:.06em;
}

.iwc-detail-main-rebuild .iwc-detail-info h2{
  margin:0;
  font-size:34px;
  line-height:1.18;
  letter-spacing:-.04em;
}

.iwc-detail-overview{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.iwc-detail-overview-chip{
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:0 13px;
  border-radius:999px;
  background:#fff;
  border:1px solid #deebfb;
  color:#334155;
  font-size:13px;
  font-weight:900;
  box-shadow:0 8px 18px rgba(15,23,42,.04);
}

.iwc-detail-main-rebuild .iwc-detail-meta{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:10px;
}

.iwc-detail-main-rebuild .iwc-detail-meta span{
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  gap:6px;
  min-height:42px;
  padding:0 14px;
  border-radius:16px;
  background:rgba(255,255,255,.92);
  border:1px solid #e4eefb;
  color:#334155;
  font-size:13px;
  font-weight:900;
  box-shadow:0 10px 20px rgba(15,23,42,.04);
}

.iwc-detail-main-rebuild .iwc-detail-meta span:nth-child(1),
.iwc-detail-main-rebuild .iwc-detail-meta span:nth-child(2){
  background:linear-gradient(135deg, #eff6ff, #f8fbff);
  border-color:#d7e7fb;
  color:#1e3a8a;
}

.iwc-detail-thumb-top .iwc-detail-float-badge.is-open{
  margin-left:auto;
}

.iwc-detail-meta span:nth-child(3){color:#2563eb;}
.iwc-detail-meta span:nth-child(4){color:#6d28d9;}
.iwc-detail-meta span:nth-child(5){color:#0f172a;}
.iwc-detail-meta span:nth-child(6){color:#e11d48;}
.iwc-detail-meta span:nth-child(7){color:#b45309;}
.iwc-detail-meta span:nth-child(8){color:#047857;}

.iwc-detail-desc{
  padding:16px 18px;
  border-radius:22px;
  background:linear-gradient(180deg, rgba(255,255,255,.92), rgba(248,251,255,.92));
  border:1px solid rgba(224,235,249,.95);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
  font-size:14px;
  line-height:1.82;
  color:#475569;
}

.iwc-detail-social-card{
  padding:14px;
  border-radius:22px;
  border:1px solid #e4edf9;
  background:linear-gradient(180deg, rgba(255,255,255,.94), rgba(246,250,255,.94));
  box-shadow:0 14px 32px rgba(15,23,42,.04);
}

.iwc-detail-main-rebuild .iwc-detail-actions{
  margin-top:0;
}

.iwc-detail-main-rebuild .iwc-detail-actions > .iwc-start-btn,
.iwc-detail-main-rebuild .iwc-detail-actions > .iwc-btn-ghost,
.iwc-detail-main-rebuild .iwc-detail-actions > .iwc-detail-btn{
  min-height:54px;
  border-radius:18px;
}

.iwc-detail-main-rebuild .iwc-detail-actions.iwc-detail-actions-split{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:10px;
}

.iwc-detail-main-rebuild .iwc-social-row{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:10px;
}

.iwc-detail-main-rebuild .iwc-social-row > :only-child{
  grid-column:1 / -1;
}

.iwc-detail-main-rebuild .iwc-social-btn{
  justify-content:center;
  min-height:50px;
  border-radius:16px;
  background:#fff;
  box-shadow:0 10px 22px rgba(15,23,42,.05);
}

.iwc-detail-wrap .iwc-rank-box,
.iwc-detail-wrap .iwc-comment-box{
  margin-top:18px;
  padding:22px;
  border-radius:28px;
  border:1px solid rgba(223,234,248,.96);
  background:linear-gradient(180deg, rgba(255,255,255,.97), rgba(248,251,255,.94));
  box-shadow:0 18px 40px rgba(15,23,42,.06);
}

.iwc-detail-wrap .iwc-rank-box h3,
.iwc-detail-wrap .iwc-comment-box h3{
  display:flex;
  align-items:center;
  gap:10px;
  padding-bottom:14px;
  margin-bottom:16px;
  font-size:22px;
  border-bottom:1px solid rgba(226,234,245,.95);
}

.iwc-detail-wrap .iwc-rank-box h3::before{
  content:"🏆";
  font-size:18px;
}

.iwc-detail-wrap .iwc-comment-box h3::before{
  content:\"\";
  font-size:18px;
}

@media (max-width: 1024px){
  .iwc-detail-main.iwc-detail-main-rebuild{
    grid-template-columns:1fr;
  }

  .iwc-detail-main-rebuild .iwc-detail-thumb{
    min-height:340px;
  }

  .iwc-detail-main-rebuild .iwc-detail-thumb img{
    min-height:340px;
  }

  .iwc-detail-main-rebuild .iwc-detail-meta{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 768px){
  .iwc-detail-main.iwc-detail-main-rebuild{
    gap:18px;
    padding:18px;
    border-radius:24px;
  }

  .iwc-detail-main-rebuild .iwc-detail-thumb{
    min-height:280px;
    border-radius:0;
  }

  .iwc-detail-main-rebuild .iwc-detail-thumb img{
    min-height:280px;
    padding:0;
  }

  .iwc-detail-thumb-top,
  .iwc-detail-thumb-bottom{
    left:12px;
    right:12px;
  }

  .iwc-detail-thumb-top{
    top:12px;
  }

  .iwc-detail-thumb-bottom{
    bottom:12px;
  }

  .iwc-detail-float-badge,
  .iwc-detail-stat-badge{
    min-height:30px;
    padding:0 9px;
    font-size:11px;
  }

  .iwc-detail-stat-badge b,
  .iwc-detail-stat-badge small{
    font-size:11px;
  }

  .iwc-detail-main-rebuild .iwc-detail-info h2{
    font-size:26px;
  }

  .iwc-detail-overview-chip{
    min-height:30px;
    font-size:12px;
  }

  .iwc-detail-main-rebuild .iwc-detail-meta{
    grid-template-columns:1fr;
    gap:8px;
  }

  .iwc-detail-main-rebuild .iwc-detail-meta span{
    min-height:38px;
    border-radius:14px;
    font-size:12px;
  }

  .iwc-detail-desc,
  .iwc-detail-social-card{
    padding:14px;
    border-radius:18px;
  }

  .iwc-detail-main-rebuild .iwc-social-row{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }

  .iwc-detail-main-rebuild .iwc-social-row > :only-child{
    grid-column:1 / -1;
  }

  .iwc-rank-item,
  .iwc-record-item{
    align-items:flex-start;
  }

  .iwc-rank-stats{
    flex:0 0 100%;
    width:100%;
  }

  .iwc-detail-wrap .iwc-rank-box,
  .iwc-detail-wrap .iwc-comment-box{
    padding:18px;
    border-radius:22px;
  }

  .iwc-detail-wrap .iwc-rank-box h3,
  .iwc-detail-wrap .iwc-comment-box h3{
    font-size:18px;
  }
}




/* =========================================================
   댓글 액션 버튼 소형화
   ========================================================= */
.iwc-comment-actions > .iwc-comment-like,
.iwc-comment-actions > .iwc-reply-open,
.iwc-comment-actions > .iwc-report-comment,
.iwc-comment-actions > .iwc-comment-edit-open,
.iwc-comment-actions > .iwc-comment-delete{
  min-height:30px;
  padding:0 10px;
  gap:5px;
  border-radius:11px;
  font-size:11px;
  font-weight:800;
  line-height:1;
}

.iwc-comment-actions > .iwc-comment-like span{
  font-size:11px;
  font-weight:800;
}

.iwc-comment-actions{
  gap:6px;
  margin-top:10px;
}

@media (max-width: 767px){
  .iwc-comment-actions > .iwc-comment-like,
  .iwc-comment-actions > .iwc-reply-open,
  .iwc-comment-actions > .iwc-report-comment,
  .iwc-comment-actions > .iwc-comment-edit-open,
  .iwc-comment-actions > .iwc-comment-delete{
    min-height:28px;
    padding:0 8px;
    font-size:10px;
    border-radius:10px;
  }

  .iwc-comment-actions > .iwc-comment-like span{
    font-size:10px;
  }

  .iwc-comment-actions{
    gap:5px;
  }
}

/* =========================================================
   modal result comment action buttons - same compact size as detail page
   ========================================================= */
.iwc-modal-result .iwc-result-comments-wrap .iwc-comment-actions{
  gap:6px !important;
  margin-top:10px !important;
}

.iwc-modal-result .iwc-result-comments-wrap .iwc-comment-actions > .iwc-comment-like,
.iwc-modal-result .iwc-result-comments-wrap .iwc-comment-actions > .iwc-reply-open,
.iwc-modal-result .iwc-result-comments-wrap .iwc-comment-actions > .iwc-report-comment,
.iwc-modal-result .iwc-result-comments-wrap .iwc-comment-actions > .iwc-comment-edit-open,
.iwc-modal-result .iwc-result-comments-wrap .iwc-comment-actions > .iwc-comment-delete,
.iwc-modal-result .iwc-result-comments-wrap .iwc-comment-actions button,
.iwc-modal-result .iwc-result-comments-wrap .iwc-comment-actions .iwc-btn-ghost{
  min-height:30px !important;
  height:30px !important;
  padding:0 10px !important;
  gap:5px !important;
  border-radius:11px !important;
  font-size:11px !important;
  font-weight:800 !important;
  line-height:1 !important;
}

.iwc-modal-result .iwc-result-comments-wrap .iwc-comment-actions > .iwc-comment-like span{
  font-size:11px !important;
  font-weight:800 !important;
}

@media (max-width: 767px){
  .iwc-modal-result .iwc-result-comments-wrap .iwc-comment-actions{
    gap:5px !important;
  }

  .iwc-modal-result .iwc-result-comments-wrap .iwc-comment-actions > .iwc-comment-like,
  .iwc-modal-result .iwc-result-comments-wrap .iwc-comment-actions > .iwc-reply-open,
  .iwc-modal-result .iwc-result-comments-wrap .iwc-comment-actions > .iwc-report-comment,
  .iwc-modal-result .iwc-result-comments-wrap .iwc-comment-actions > .iwc-comment-edit-open,
  .iwc-modal-result .iwc-result-comments-wrap .iwc-comment-actions > .iwc-comment-delete,
  .iwc-modal-result .iwc-result-comments-wrap .iwc-comment-actions button,
  .iwc-modal-result .iwc-result-comments-wrap .iwc-comment-actions .iwc-btn-ghost{
    min-height:28px !important;
    height:28px !important;
    padding:0 8px !important;
    border-radius:10px !important;
    font-size:10px !important;
  }

  .iwc-modal-result .iwc-result-comments-wrap .iwc-comment-actions > .iwc-comment-like span{
    font-size:10px !important;
  }
}


/* ===== v41 dynamic bye card ===== */
.iwc-vs-side.is-bye,
.iwc-vs-side.is-bye:hover,
.iwc-vs-side.is-bye:focus,
.iwc-vs-side.is-bye:active{
  cursor:default !important;
  transform:none !important;
  box-shadow:0 18px 48px rgba(12,18,34,.28) !important;
  background:linear-gradient(180deg, rgba(22,30,50,.94), rgba(12,16,28,.96)) !important;
}
.iwc-vs-side.is-bye::before,
.iwc-vs-side.is-bye::after,
.iwc-vs-side.is-bye .iwc-vs-side-inner::before,
.iwc-vs-side.is-bye .iwc-vs-frame-surge,
.iwc-vs-side.is-bye .iwc-vs-overlay{
  display:none !important;
}
.iwc-vs-side.is-bye .iwc-vs-side-inner{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:28px 22px;
}
.iwc-vs-bye-box{
  width:min(100%, 420px);
  min-height:260px;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.14);
  background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:12px;
  padding:30px 26px;
  text-align:center;
}
.iwc-vs-bye-icon{
  width:66px;
  height:66px;
  border-radius:999px;
  display:grid;
  place-items:center;
  font-size:28px;
  background:linear-gradient(135deg, rgba(115,150,255,.24), rgba(171,124,255,.24));
  border:1px solid rgba(160,184,255,.28);
  color:#f6f8ff;
}
.iwc-vs-bye-title{
  font-size:24px;
  font-weight:900;
  color:#ffffff;
  letter-spacing:-0.02em;
}
.iwc-vs-bye-desc{
  font-size:15px;
  line-height:1.6;
  color:rgba(232,238,255,.84);
}
.iwc-vs-side.is-bye .iwc-vs-name,
.iwc-vs-side.is-bye .iwc-vs-side-meta{
  position:absolute !important;
  clip:rect(0 0 0 0);
  clip-path:inset(50%);
  width:1px;
  height:1px;
  overflow:hidden;
  white-space:nowrap;
}
@media (max-width: 900px){
  .iwc-vs-bye-box{min-height:220px;padding:24px 18px;border-radius:24px;}
  .iwc-vs-bye-title{font-size:20px;}
  .iwc-vs-bye-desc{font-size:14px;}
}


/* video / media support */
.iwc-media-player,
.iwc-vs-media-wrap,
.iwc-final-media,
.iwc-share-page-media,
.iwc-item-thumb-media{
  position:relative;
  width:100%;
  aspect-ratio:16/9;
  overflow:hidden;
  border-radius:inherit;
  background:#060c18;
}

.iwc-media-player.is-audio,
.iwc-vs-media-wrap.is-audio,
.iwc-final-media.is-audio,
.iwc-share-page-media.is-audio,
.iwc-item-thumb-media.is-audio{
  aspect-ratio:16/10;
}

.iwc-media-player iframe,
.iwc-vs-media-wrap iframe,
.iwc-final-media iframe,
.iwc-share-page-media iframe,
.iwc-item-thumb-media iframe,
.iwc-media-player video,
.iwc-vs-media-wrap video,
.iwc-final-media video,
.iwc-share-page-media video,
.iwc-item-thumb-media video,
.iwc-final-media img,
.iwc-share-page-media img,
.iwc-vs-media-wrap img,
.iwc-item-thumb-media img{
  width:100%;
  height:100%;
  border:0;
  display:block;
  object-fit:cover;
}

.iwc-vs-side{display:flex;flex-direction:column;justify-content:stretch;}
.iwc-vs-side-inner{flex:1 1 auto;}
.iwc-vs-side.is-video .iwc-vs-media-wrap{border-radius:24px 24px 0 0;aspect-ratio:16/9;}
.iwc-vs-side.is-video .iwc-vs-media-wrap.is-audio{aspect-ratio:16/10;}
.iwc-vs-select-btn{
  width:calc(100% - 28px);
  margin:14px auto 16px;
  height:50px;
  border:1px solid rgba(29,78,216,.16);
  border-radius:14px;
  background:linear-gradient(135deg,#2563eb,#60a5fa);
  color:#fff;
  font-size:15px;
  font-weight:900;
  letter-spacing:-.01em;
  cursor:pointer;
  box-shadow:0 14px 30px rgba(37,99,235,.22);
  transition:transform .16s ease, box-shadow .16s ease, filter .16s ease, background .16s ease;
}
.iwc-vs-select-btn:hover{
  transform:translateY(-1px);
  box-shadow:0 18px 34px rgba(37,99,235,.28);
  filter:brightness(1.03);
  background:linear-gradient(135deg,#1d4ed8,#3b82f6);
}
.iwc-vs-side-selectable{cursor:pointer;}
.iwc-share-page-hero > .iwc-share-page-media,
.iwc-share-page-hero > .iwc-noimg{width:100%;height:100%;min-height:320px;}
.iwc-video-time-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
@media (max-width:768px){
  .iwc-video-time-grid{grid-template-columns:1fr;}
  .iwc-vs-select-btn{width:calc(100% - 20px);margin:10px auto 12px;}
  .iwc-share-page-hero > .iwc-share-page-media,
  .iwc-share-page-hero > .iwc-noimg{min-height:220px;}
}

/* ===== v38 restore original full-split image VS style (image only) ===== */
.iwc-vs-cinema-wrap{
  --iwc-vs-canvas-h: calc(100dvh - 222px) !important;
}

.iwc-vs-canvas{
  background:#050912 !important;
}

.iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image,
.iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image.iwc-vs-enter-left,
.iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image.iwc-vs-enter-right,
.iwc-vs-cinema-wrap.is-ready .iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image.iwc-vs-enter-left,
.iwc-vs-cinema-wrap.is-ready .iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image.iwc-vs-enter-right{
  position:absolute !important;
  top:0 !important;
  bottom:0 !important;
  width:50% !important;
  height:100% !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  transform:none !important;
  overflow:hidden !important;
  appearance:none !important;
  -webkit-appearance:none !important;
  line-height:0 !important;
  font-size:0 !important;
}

.iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image:hover,
.iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image:focus,
.iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image:active,
.iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image.iwc-item-card:hover{
  transform:none !important;
  box-shadow:none !important;
}

.iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image .iwc-vs-side-inner{
  display:flex !important;
  width:100% !important;
  height:100% !important;
  border-radius:0 !important;
  overflow:hidden !important;
  isolation:auto !important;
}

.iwc-vs-canvas .iwc-vs-side-left.iwc-vs-side-image .iwc-vs-side-inner{
  justify-content:flex-end !important;
  align-items:center !important;
}

.iwc-vs-canvas .iwc-vs-side-right.iwc-vs-side-image .iwc-vs-side-inner{
  justify-content:flex-start !important;
  align-items:center !important;
}

.iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image::before,
.iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image::after,
.iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image .iwc-vs-side-inner::before,
.iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image .iwc-vs-side-inner::after,
.iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image .iwc-vs-overlay,
.iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image .iwc-vs-frame-surge,
.iwc-vs-canvas .iwc-vs-stage-glow{
  display:none !important;
  opacity:0 !important;
}

.iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image .iwc-vs-media,
.iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image .iwc-noimg{
  position:relative !important;
  width:100% !important;
  height:100% !important;
  border-radius:0 !important;
}

.iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image .iwc-vs-media{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#050912 !important;
  overflow:hidden !important;
}

.iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image .iwc-vs-media-bg{
  position:absolute !important;
  inset:0 !important;
  border-radius:0 !important;
  background-position:center center !important;
  background-size:cover !important;
  transform:scale(1.02) !important;
  filter:blur(18px) brightness(.42) saturate(1.02) !important;
  opacity:.92 !important;
}

.iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image .iwc-vs-media > img,
.iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image > img{
  position:relative !important;
  z-index:1 !important;
  display:block !important;
  margin:0 !important;
  vertical-align:top !important;
  width:auto !important;
  height:auto !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:center center !important;
  border-radius:0 !important;
  box-shadow:none !important;
  transform:none !important;
  transition:none !important;
  filter:none !important;
  user-select:none !important;
  -webkit-user-drag:none !important;
}

.iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image.is-land .iwc-vs-media > img,
.iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image.is-land > img{
  width:100% !important;
  height:auto !important;
  max-height:none !important;
}

.iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image.is-port .iwc-vs-media > img,
.iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image.is-port > img{
  width:auto !important;
  height:100% !important;
  max-width:none !important;
  max-height:100% !important;
}

.iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image:not(.is-land):not(.is-port) .iwc-vs-media > img,
.iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image:not(.is-land):not(.is-port) > img{
  width:100% !important;
  height:auto !important;
  min-height:100% !important;
  object-fit:cover !important;
}

.iwc-vs-cinema-wrap .iwc-vs-side.iwc-vs-side-image .iwc-vs-side-meta{
  top:18px !important;
  border-radius:999px !important;
  background:rgba(5,9,18,.44) !important;
  backdrop-filter:blur(8px) !important;
  -webkit-backdrop-filter:blur(8px) !important;
}

@media (max-width: 900px){
  .iwc-vs-cinema-wrap{
    --iwc-vs-canvas-h: calc(100dvh - 252px) !important;
  }

  .iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image,
  .iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image.iwc-vs-enter-left,
  .iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image.iwc-vs-enter-right,
  .iwc-vs-cinema-wrap.is-ready .iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image.iwc-vs-enter-left,
  .iwc-vs-cinema-wrap.is-ready .iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image.iwc-vs-enter-right{
    width:50% !important;
    height:100% !important;
    top:0 !important;
    bottom:0 !important;
  }
}

/* ===== v40 restore directional hover wash on image VS sides ===== */
.iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image .iwc-vs-side-inner::before,
.iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image .iwc-vs-side-inner::after{
  display:block !important;
  content:"" !important;
  pointer-events:none !important;
}

.iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image:not(.is-disabled):not(.is-winner):not(.is-loser):hover .iwc-vs-side-inner::before,
.iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image:not(.is-disabled):not(.is-winner):not(.is-loser):focus .iwc-vs-side-inner::before,
.iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image:not(.is-disabled):not(.is-winner):not(.is-loser):active .iwc-vs-side-inner::before{
  opacity:1 !important;
  transform:translateX(0) !important;
}

.iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image:not(.is-disabled):not(.is-winner):not(.is-loser):hover .iwc-vs-side-inner::after,
.iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image:not(.is-disabled):not(.is-winner):not(.is-loser):focus .iwc-vs-side-inner::after,
.iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image:not(.is-disabled):not(.is-winner):not(.is-loser):active .iwc-vs-side-inner::after{
  opacity:.56 !important;
  transform:translateX(0) !important;
}

/* ===== v43 soften video directional hover closer to image tone ===== */
.iwc-vs-canvas .iwc-vs-side.is-video .iwc-vs-side-inner::before,
.iwc-vs-canvas .iwc-vs-side.is-video .iwc-vs-side-inner::after{
  transition:opacity .34s ease, transform .46s ease;
}

.iwc-vs-canvas .iwc-vs-side.is-video.iwc-vs-side-left .iwc-vs-side-inner::before{
  background:
    linear-gradient(90deg,
      rgba(32,144,255,.036) 0%,
      rgba(59,130,246,.022) 18%,
      rgba(96,165,250,.010) 38%,
      rgba(255,255,255,0) 62%
    ) !important;
  transform:translateX(-8%) !important;
}

.iwc-vs-canvas .iwc-vs-side.is-video.iwc-vs-side-left .iwc-vs-side-inner::after{
  background:
    linear-gradient(90deg,
      rgba(10,132,255,.018) 0%,
      rgba(59,130,246,.010) 26%,
      rgba(255,255,255,0) 54%
    ) !important;
  box-shadow:inset 12px 0 22px rgba(64,156,255,.016) !important;
  transform:translateX(-10%) !important;
}

.iwc-vs-canvas .iwc-vs-side.is-video.iwc-vs-side-right .iwc-vs-side-inner::before{
  background:
    linear-gradient(270deg,
      rgba(255,82,82,.036) 0%,
      rgba(239,68,68,.022) 18%,
      rgba(251,113,133,.010) 38%,
      rgba(255,255,255,0) 62%
    ) !important;
  transform:translateX(8%) !important;
}

.iwc-vs-canvas .iwc-vs-side.is-video.iwc-vs-side-right .iwc-vs-side-inner::after{
  background:
    linear-gradient(270deg,
      rgba(255,89,94,.018) 0%,
      rgba(239,68,68,.010) 26%,
      rgba(255,255,255,0) 54%
    ) !important;
  box-shadow:inset -12px 0 22px rgba(255,96,96,.016) !important;
  transform:translateX(10%) !important;
}

.iwc-vs-canvas .iwc-vs-side.is-video:not(.is-disabled):not(.is-winner):not(.is-loser):hover .iwc-vs-side-inner::before,
.iwc-vs-canvas .iwc-vs-side.is-video:not(.is-disabled):not(.is-winner):not(.is-loser):focus .iwc-vs-side-inner::before,
.iwc-vs-canvas .iwc-vs-side.is-video:not(.is-disabled):not(.is-winner):not(.is-loser):active .iwc-vs-side-inner::before{
  opacity:.42 !important;
  transform:translateX(0) !important;
}

.iwc-vs-canvas .iwc-vs-side.is-video:not(.is-disabled):not(.is-winner):not(.is-loser):hover .iwc-vs-side-inner::after,
.iwc-vs-canvas .iwc-vs-side.is-video:not(.is-disabled):not(.is-winner):not(.is-loser):focus .iwc-vs-side-inner::after,
.iwc-vs-canvas .iwc-vs-side.is-video:not(.is-disabled):not(.is-winner):not(.is-loser):active .iwc-vs-side-inner::after{
  opacity:.12 !important;
  transform:translateX(0) !important;
}

/* ===== v44 make video hover visible over iframe while staying soft ===== */
.iwc-vs-side.is-video .iwc-vs-media-wrap{
  position:relative;
}
.iwc-vs-side.is-video .iwc-vs-media-wrap::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:0;
  transition:opacity .32s ease, transform .42s ease;
  z-index:2;
}
.iwc-vs-side.is-video.iwc-vs-side-left .iwc-vs-media-wrap::after{
  background:linear-gradient(90deg, rgba(32,144,255,.11) 0%, rgba(59,130,246,.07) 20%, rgba(96,165,250,.03) 38%, rgba(255,255,255,0) 60%);
  transform:translateX(-8%);
}
.iwc-vs-side.is-video.iwc-vs-side-right .iwc-vs-media-wrap::after{
  background:linear-gradient(270deg, rgba(255,82,82,.11) 0%, rgba(239,68,68,.07) 20%, rgba(251,113,133,.03) 38%, rgba(255,255,255,0) 60%);
  transform:translateX(8%);
}
.iwc-vs-side.is-video:not(.is-disabled):not(.is-winner):not(.is-loser):hover .iwc-vs-media-wrap::after,
.iwc-vs-side.is-video:not(.is-disabled):not(.is-winner):not(.is-loser):focus .iwc-vs-media-wrap::after,
.iwc-vs-side.is-video:not(.is-disabled):not(.is-winner):not(.is-loser):active .iwc-vs-media-wrap::after{
  opacity:.58;
  transform:translateX(0);
}


/* ===== v44b visible soft video hover using overlay layer ===== */
.iwc-vs-canvas .iwc-vs-side.is-video .iwc-vs-overlay{
  display:block !important;
  opacity:0 !important;
  transition:opacity .28s ease, transform .36s ease !important;
  z-index:3 !important;
  pointer-events:none !important;
}
.iwc-vs-canvas .iwc-vs-side.is-video.iwc-vs-side-left .iwc-vs-overlay{
  background:linear-gradient(90deg, rgba(32,144,255,.10) 0%, rgba(59,130,246,.06) 20%, rgba(96,165,250,.025) 40%, rgba(255,255,255,0) 62%) !important;
  transform:translateX(-7%) !important;
}
.iwc-vs-canvas .iwc-vs-side.is-video.iwc-vs-side-right .iwc-vs-overlay{
  background:linear-gradient(270deg, rgba(255,82,82,.10) 0%, rgba(239,68,68,.06) 20%, rgba(251,113,133,.025) 40%, rgba(255,255,255,0) 62%) !important;
  transform:translateX(7%) !important;
}
.iwc-vs-canvas .iwc-vs-side.is-video:not(.is-disabled):not(.is-winner):not(.is-loser):hover .iwc-vs-overlay,
.iwc-vs-canvas .iwc-vs-side.is-video:not(.is-disabled):not(.is-winner):not(.is-loser):focus .iwc-vs-overlay,
.iwc-vs-canvas .iwc-vs-side.is-video:not(.is-disabled):not(.is-winner):not(.is-loser):active .iwc-vs-overlay{
  opacity:.62 !important;
  transform:translateX(0) !important;
}
.iwc-vs-canvas .iwc-vs-side.is-video:not(.is-disabled):not(.is-winner):not(.is-loser):hover .iwc-vs-select-btn,
.iwc-vs-canvas .iwc-vs-side.is-video:not(.is-disabled):not(.is-winner):not(.is-loser):focus .iwc-vs-select-btn{
  box-shadow:0 18px 34px rgba(37,99,235,.26), 0 0 0 1px rgba(96,165,250,.22) !important;
}


/* ===== v46 make video hover actually react and match image softness ===== */
.iwc-vs-side.is-video .iwc-vs-media-wrap::after{
  display:none !important;
  opacity:0 !important;
}

.iwc-vs-canvas .iwc-vs-side.is-video .iwc-vs-overlay{
  display:block !important;
  opacity:0 !important;
  transition:opacity .26s ease, transform .36s ease !important;
  z-index:3 !important;
  pointer-events:none !important;
}

.iwc-vs-canvas .iwc-vs-side.is-video.iwc-vs-side-left .iwc-vs-overlay{
  background:linear-gradient(90deg,
    rgba(32,144,255,.050) 0%,
    rgba(59,130,246,.030) 18%,
    rgba(96,165,250,.012) 38%,
    rgba(255,255,255,0) 62%) !important;
  transform:translateX(-8%) !important;
}

.iwc-vs-canvas .iwc-vs-side.is-video.iwc-vs-side-right .iwc-vs-overlay{
  background:linear-gradient(270deg,
    rgba(255,82,82,.050) 0%,
    rgba(239,68,68,.030) 18%,
    rgba(251,113,133,.012) 38%,
    rgba(255,255,255,0) 62%) !important;
  transform:translateX(8%) !important;
}

.iwc-vs-canvas .iwc-vs-side.is-video .iwc-vs-side-inner::before,
.iwc-vs-canvas .iwc-vs-side.is-video .iwc-vs-side-inner::after{
  opacity:0 !important;
}

.iwc-vs-canvas .iwc-vs-side.is-video.is-hovered .iwc-vs-overlay,
.iwc-vs-canvas .iwc-vs-side.is-video:not(.is-disabled):not(.is-winner):not(.is-loser):hover .iwc-vs-overlay,
.iwc-vs-canvas .iwc-vs-side.is-video:not(.is-disabled):not(.is-winner):not(.is-loser):focus .iwc-vs-overlay,
.iwc-vs-canvas .iwc-vs-side.is-video:not(.is-disabled):not(.is-winner):not(.is-loser):active .iwc-vs-overlay{
  opacity:.38 !important;
  transform:translateX(0) !important;
}

.iwc-vs-canvas .iwc-vs-side.is-video.is-hovered .iwc-vs-select-btn,
.iwc-vs-canvas .iwc-vs-side.is-video:not(.is-disabled):not(.is-winner):not(.is-loser):hover .iwc-vs-select-btn,
.iwc-vs-canvas .iwc-vs-side.is-video:not(.is-disabled):not(.is-winner):not(.is-loser):focus .iwc-vs-select-btn{
  box-shadow:0 12px 24px rgba(37,99,235,.16), 0 0 0 1px rgba(96,165,250,.14) !important;
}


/* ===== v47 final: keep video hover but much softer like image ===== */
.iwc-vs-canvas .iwc-vs-side.is-video .iwc-vs-overlay{
  transition:opacity .24s ease, transform .32s ease !important;
}
.iwc-vs-canvas .iwc-vs-side.is-video.iwc-vs-side-left .iwc-vs-overlay{
  background:linear-gradient(90deg,
    rgba(32,144,255,.030) 0%,
    rgba(59,130,246,.018) 18%,
    rgba(96,165,250,.008) 38%,
    rgba(255,255,255,0) 62%) !important;
}
.iwc-vs-canvas .iwc-vs-side.is-video.iwc-vs-side-right .iwc-vs-overlay{
  background:linear-gradient(270deg,
    rgba(255,82,82,.030) 0%,
    rgba(239,68,68,.018) 18%,
    rgba(251,113,133,.008) 38%,
    rgba(255,255,255,0) 62%) !important;
}
.iwc-vs-canvas .iwc-vs-side.is-video.is-hovered .iwc-vs-overlay,
.iwc-vs-canvas .iwc-vs-side.is-video:not(.is-disabled):not(.is-winner):not(.is-loser):hover .iwc-vs-overlay,
.iwc-vs-canvas .iwc-vs-side.is-video:not(.is-disabled):not(.is-winner):not(.is-loser):focus .iwc-vs-overlay,
.iwc-vs-canvas .iwc-vs-side.is-video:not(.is-disabled):not(.is-winner):not(.is-loser):active .iwc-vs-overlay{
  opacity:.20 !important;
  transform:translateX(0) !important;
}
.iwc-vs-canvas .iwc-vs-side.is-video.is-hovered .iwc-vs-select-btn,
.iwc-vs-canvas .iwc-vs-side.is-video:not(.is-disabled):not(.is-winner):not(.is-loser):hover .iwc-vs-select-btn,
.iwc-vs-canvas .iwc-vs-side.is-video:not(.is-disabled):not(.is-winner):not(.is-loser):focus .iwc-vs-select-btn{
  box-shadow:0 8px 16px rgba(37,99,235,.10), 0 0 0 1px rgba(96,165,250,.08) !important;
}

/* ===== v48 final: video hover match image hover, remove darker stacked overlays ===== */
.iwc-vs-canvas .iwc-vs-side.is-video .iwc-vs-overlay,
.iwc-vs-side.is-video .iwc-vs-media-wrap::after{
  display:none !important;
  opacity:0 !important;
}

.iwc-vs-canvas .iwc-vs-side.is-video.iwc-vs-side-left .iwc-vs-side-inner::before{
  background:
    linear-gradient(90deg,
      rgba(32, 144, 255, .12) 0%,
      rgba(59, 130, 246, .08) 18%,
      rgba(96, 165, 250, .04) 38%,
      rgba(255,255,255,0) 62%
    ) !important;
  transform:translateX(-8%) !important;
  mix-blend-mode:screen !important;
}

.iwc-vs-canvas .iwc-vs-side.is-video.iwc-vs-side-left .iwc-vs-side-inner::after{
  background:
    linear-gradient(90deg,
      rgba(10, 132, 255, .08) 0%,
      rgba(59,130,246,.04) 26%,
      rgba(255,255,255,0) 54%
    ) !important;
  box-shadow:inset 28px 0 56px rgba(64,156,255,.08) !important;
  transform:translateX(-10%) !important;
}

.iwc-vs-canvas .iwc-vs-side.is-video.iwc-vs-side-right .iwc-vs-side-inner::before{
  background:
    linear-gradient(270deg,
      rgba(255, 82, 82, .12) 0%,
      rgba(239, 68, 68, .08) 18%,
      rgba(251, 113, 133, .04) 38%,
      rgba(255,255,255,0) 62%
    ) !important;
  transform:translateX(8%) !important;
  mix-blend-mode:screen !important;
}

.iwc-vs-canvas .iwc-vs-side.is-video.iwc-vs-side-right .iwc-vs-side-inner::after{
  background:
    linear-gradient(270deg,
      rgba(255, 89, 94, .08) 0%,
      rgba(239,68,68,.04) 26%,
      rgba(255,255,255,0) 54%
    ) !important;
  box-shadow:inset -28px 0 56px rgba(255,96,96,.08) !important;
  transform:translateX(10%) !important;
}

.iwc-vs-canvas .iwc-vs-side.is-video.is-hovered .iwc-vs-side-inner::before,
.iwc-vs-canvas .iwc-vs-side.is-video:not(.is-disabled):not(.is-winner):not(.is-loser):hover .iwc-vs-side-inner::before,
.iwc-vs-canvas .iwc-vs-side.is-video:not(.is-disabled):not(.is-winner):not(.is-loser):focus .iwc-vs-side-inner::before,
.iwc-vs-canvas .iwc-vs-side.is-video:not(.is-disabled):not(.is-winner):not(.is-loser):active .iwc-vs-side-inner::before{
  opacity:1 !important;
  transform:translateX(0) !important;
}

.iwc-vs-canvas .iwc-vs-side.is-video.is-hovered .iwc-vs-side-inner::after,
.iwc-vs-canvas .iwc-vs-side.is-video:not(.is-disabled):not(.is-winner):not(.is-loser):hover .iwc-vs-side-inner::after,
.iwc-vs-canvas .iwc-vs-side.is-video:not(.is-disabled):not(.is-winner):not(.is-loser):focus .iwc-vs-side-inner::after,
.iwc-vs-canvas .iwc-vs-side.is-video:not(.is-disabled):not(.is-winner):not(.is-loser):active .iwc-vs-side-inner::after{
  opacity:.56 !important;
  transform:translateX(0) !important;
}


/* ===== v49 final override: keep video hover, but match the softer image tone ===== */
.iwc-vs-canvas .iwc-vs-side.is-video .iwc-vs-overlay,
.iwc-vs-side.is-video .iwc-vs-media-wrap::after{
  display:none !important;
  opacity:0 !important;
}
.iwc-vs-canvas .iwc-vs-side.is-video.iwc-vs-side-left .iwc-vs-side-inner::before{
  background:linear-gradient(90deg, rgba(32,144,255,.034) 0%, rgba(59,130,246,.020) 18%, rgba(96,165,250,.010) 38%, rgba(255,255,255,0) 62%) !important;
  transform:translateX(-8%) !important;
  mix-blend-mode:screen !important;
}
.iwc-vs-canvas .iwc-vs-side.is-video.iwc-vs-side-left .iwc-vs-side-inner::after{
  background:linear-gradient(90deg, rgba(10,132,255,.014) 0%, rgba(59,130,246,.008) 26%, rgba(255,255,255,0) 54%) !important;
  box-shadow:inset 10px 0 18px rgba(64,156,255,.014) !important;
  transform:translateX(-10%) !important;
}
.iwc-vs-canvas .iwc-vs-side.is-video.iwc-vs-side-right .iwc-vs-side-inner::before{
  background:linear-gradient(270deg, rgba(255,82,82,.034) 0%, rgba(239,68,68,.020) 18%, rgba(251,113,133,.010) 38%, rgba(255,255,255,0) 62%) !important;
  transform:translateX(8%) !important;
  mix-blend-mode:screen !important;
}
.iwc-vs-canvas .iwc-vs-side.is-video.iwc-vs-side-right .iwc-vs-side-inner::after{
  background:linear-gradient(270deg, rgba(255,89,94,.014) 0%, rgba(239,68,68,.008) 26%, rgba(255,255,255,0) 54%) !important;
  box-shadow:inset -10px 0 18px rgba(255,96,96,.014) !important;
  transform:translateX(10%) !important;
}
.iwc-vs-canvas .iwc-vs-side.is-video.is-hovered .iwc-vs-side-inner::before,
.iwc-vs-canvas .iwc-vs-side.is-video:not(.is-disabled):not(.is-winner):not(.is-loser):hover .iwc-vs-side-inner::before,
.iwc-vs-canvas .iwc-vs-side.is-video:not(.is-disabled):not(.is-winner):not(.is-loser):focus .iwc-vs-side-inner::before,
.iwc-vs-canvas .iwc-vs-side.is-video:not(.is-disabled):not(.is-winner):not(.is-loser):active .iwc-vs-side-inner::before{
  opacity:.34 !important;
  transform:translateX(0) !important;
}
.iwc-vs-canvas .iwc-vs-side.is-video.is-hovered .iwc-vs-side-inner::after,
.iwc-vs-canvas .iwc-vs-side.is-video:not(.is-disabled):not(.is-winner):not(.is-loser):hover .iwc-vs-side-inner::after,
.iwc-vs-canvas .iwc-vs-side.is-video:not(.is-disabled):not(.is-winner):not(.is-loser):focus .iwc-vs-side-inner::after,
.iwc-vs-canvas .iwc-vs-side.is-video:not(.is-disabled):not(.is-winner):not(.is-loser):active .iwc-vs-side-inner::after{
  opacity:.08 !important;
  transform:translateX(0) !important;
}


/* ===== v50 final: simplify video hover to one soft wash like image ===== */
.iwc-vs-canvas .iwc-vs-side.is-video .iwc-vs-overlay,
.iwc-vs-side.is-video .iwc-vs-media-wrap::after,
.iwc-vs-canvas .iwc-vs-side.is-video .iwc-vs-side-inner::after{
  display:none !important;
  opacity:0 !important;
  box-shadow:none !important;
}
.iwc-vs-canvas .iwc-vs-side.is-video.iwc-vs-side-left .iwc-vs-side-inner::before{
  background:linear-gradient(90deg,
    rgba(32,144,255,.050) 0%,
    rgba(59,130,246,.030) 18%,
    rgba(96,165,250,.014) 38%,
    rgba(255,255,255,0) 62%) !important;
  transform:translateX(-8%) !important;
  mix-blend-mode:screen !important;
}
.iwc-vs-canvas .iwc-vs-side.is-video.iwc-vs-side-right .iwc-vs-side-inner::before{
  background:linear-gradient(270deg,
    rgba(255,82,82,.050) 0%,
    rgba(239,68,68,.030) 18%,
    rgba(251,113,133,.014) 38%,
    rgba(255,255,255,0) 62%) !important;
  transform:translateX(8%) !important;
  mix-blend-mode:screen !important;
}
.iwc-vs-canvas .iwc-vs-side.is-video.is-hovered .iwc-vs-side-inner::before,
.iwc-vs-canvas .iwc-vs-side.is-video:not(.is-disabled):not(.is-winner):not(.is-loser):hover .iwc-vs-side-inner::before,
.iwc-vs-canvas .iwc-vs-side.is-video:not(.is-disabled):not(.is-winner):not(.is-loser):focus .iwc-vs-side-inner::before,
.iwc-vs-canvas .iwc-vs-side.is-video:not(.is-disabled):not(.is-winner):not(.is-loser):active .iwc-vs-side-inner::before{
  opacity:.62 !important;
  transform:translateX(0) !important;
}


/* ===== v51: video hover should match image hover exactly ===== */
.iwc-vs-canvas .iwc-vs-side.is-video .iwc-vs-overlay,
.iwc-vs-canvas .iwc-vs-side.is-video .iwc-vs-side-inner::before,
.iwc-vs-canvas .iwc-vs-side.is-video .iwc-vs-side-inner::after,
.iwc-vs-side.is-video .iwc-vs-media-wrap::after{
  display:none !important;
  opacity:0 !important;
  background:none !important;
  box-shadow:none !important;
}
.iwc-vs-canvas .iwc-vs-side.is-video:hover::before,
.iwc-vs-canvas .iwc-vs-side.is-video:focus::before,
.iwc-vs-canvas .iwc-vs-side.is-video:active::before,
.iwc-vs-canvas .iwc-vs-side.is-video.is-hovered::before{
  opacity:.45 !important;
  filter:blur(8px) !important;
}

/* ===== v53: remove idle video ghosting, only show a soft wash on actual hover ===== */
.iwc-vs-canvas .iwc-vs-side.is-video::before,
.iwc-vs-canvas .iwc-vs-side.is-video .iwc-vs-side-inner::before,
.iwc-vs-canvas .iwc-vs-side.is-video .iwc-vs-side-inner::after,
.iwc-vs-canvas .iwc-vs-side.is-video .iwc-vs-overlay,
.iwc-vs-canvas .iwc-vs-side.is-video .iwc-vs-media-wrap::after{
  opacity:0 !important;
  filter:none !important;
  box-shadow:none !important;
}

.iwc-vs-canvas .iwc-vs-side.is-video::before{
  background:none !important;
}

.iwc-vs-canvas .iwc-vs-side.is-video.iwc-vs-side-left .iwc-vs-side-inner::before{
  display:block !important;
  background:linear-gradient(90deg,
    rgba(32,144,255,.12) 0%,
    rgba(59,130,246,.08) 18%,
    rgba(96,165,250,.04) 38%,
    rgba(255,255,255,0) 62%) !important;
  transform:translateX(-8%) !important;
  mix-blend-mode:screen !important;
}

.iwc-vs-canvas .iwc-vs-side.is-video.iwc-vs-side-left .iwc-vs-side-inner::after{
  display:block !important;
  background:linear-gradient(90deg,
    rgba(10,132,255,.08) 0%,
    rgba(59,130,246,.04) 26%,
    rgba(255,255,255,0) 54%) !important;
  box-shadow:inset 28px 0 56px rgba(64,156,255,.08) !important;
  transform:translateX(-10%) !important;
}

.iwc-vs-canvas .iwc-vs-side.is-video.iwc-vs-side-right .iwc-vs-side-inner::before{
  display:block !important;
  background:linear-gradient(270deg,
    rgba(255,82,82,.12) 0%,
    rgba(239,68,68,.08) 18%,
    rgba(251,113,133,.04) 38%,
    rgba(255,255,255,0) 62%) !important;
  transform:translateX(8%) !important;
  mix-blend-mode:screen !important;
}

.iwc-vs-canvas .iwc-vs-side.is-video.iwc-vs-side-right .iwc-vs-side-inner::after{
  display:block !important;
  background:linear-gradient(270deg,
    rgba(255,89,94,.08) 0%,
    rgba(239,68,68,.04) 26%,
    rgba(255,255,255,0) 54%) !important;
  box-shadow:inset -28px 0 56px rgba(255,96,96,.08) !important;
  transform:translateX(10%) !important;
}

.iwc-vs-canvas .iwc-vs-side.is-video.is-hovered .iwc-vs-side-inner::before,
.iwc-vs-canvas .iwc-vs-side.is-video:not(.is-disabled):not(.is-winner):not(.is-loser):hover .iwc-vs-side-inner::before,
.iwc-vs-canvas .iwc-vs-side.is-video:not(.is-disabled):not(.is-winner):not(.is-loser):focus .iwc-vs-side-inner::before,
.iwc-vs-canvas .iwc-vs-side.is-video:not(.is-disabled):not(.is-winner):not(.is-loser):active .iwc-vs-side-inner::before{
  opacity:1 !important;
  transform:translateX(0) !important;
}

.iwc-vs-canvas .iwc-vs-side.is-video.is-hovered .iwc-vs-side-inner::after,
.iwc-vs-canvas .iwc-vs-side.is-video:not(.is-disabled):not(.is-winner):not(.is-loser):hover .iwc-vs-side-inner::after,
.iwc-vs-canvas .iwc-vs-side.is-video:not(.is-disabled):not(.is-winner):not(.is-loser):focus .iwc-vs-side-inner::after,
.iwc-vs-canvas .iwc-vs-side.is-video:not(.is-disabled):not(.is-winner):not(.is-loser):active .iwc-vs-side-inner::after{
  opacity:.56 !important;
  transform:translateX(0) !important;
}


/* v54 final submit/video overrides */
.iwc-vs-canvas .iwc-vs-side.is-video::before,
.iwc-vs-canvas .iwc-vs-side.is-video .iwc-vs-overlay,
.iwc-vs-canvas .iwc-vs-side.is-video .iwc-vs-media-wrap::after,
.iwc-vs-canvas .iwc-vs-side.is-video .iwc-vs-side-inner::after{opacity:0 !important;box-shadow:none !important;}
.iwc-vs-canvas .iwc-vs-side.is-video .iwc-vs-side-inner::before{opacity:0 !important;transition:opacity .22s ease, transform .22s ease !important;}
.iwc-vs-canvas .iwc-vs-side.is-video.iwc-vs-side-left .iwc-vs-side-inner::before{background:linear-gradient(90deg, rgba(59,130,246,.13) 0%, rgba(96,165,250,.08) 22%, rgba(96,165,250,0) 54%) !important;}
.iwc-vs-canvas .iwc-vs-side.is-video.iwc-vs-side-right .iwc-vs-side-inner::before{background:linear-gradient(270deg, rgba(239,68,68,.13) 0%, rgba(248,113,113,.08) 22%, rgba(248,113,113,0) 54%) !important;}
.iwc-vs-canvas .iwc-vs-side.is-video.is-hovered .iwc-vs-side-inner::before,
.iwc-vs-canvas .iwc-vs-side.is-video:not(.is-disabled):not(.is-winner):not(.is-loser):hover .iwc-vs-side-inner::before,
.iwc-vs-canvas .iwc-vs-side.is-video:not(.is-disabled):not(.is-winner):not(.is-loser):focus .iwc-vs-side-inner::before,
.iwc-vs-canvas .iwc-vs-side.is-video:not(.is-disabled):not(.is-winner):not(.is-loser):active .iwc-vs-side-inner::before{opacity:1 !important;}
.iwc-yt-segment-wrap{position:relative;width:100%;height:100%;min-height:100%;background:#000;overflow:hidden;border-radius:inherit;}
.iwc-yt-segment-player{position:absolute;inset:0;width:100%;height:100%;min-height:0;background:#000;overflow:hidden;}
.iwc-yt-segment-mount{position:absolute;inset:0;width:100%;height:100%;background:#000;overflow:hidden;}
.iwc-yt-segment-wrap iframe,.iwc-yt-segment-player iframe,.iwc-yt-segment-mount iframe{width:100% !important;height:100% !important;border:0;display:block;background:#000;}



/* =========================================================
   2026-03-30 관리자 상단 메뉴 / 상태 배지 polish
   ========================================================= */
.iwc-admin-topnav{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
}

.iwc-admin-topnav .iwc-admin-nav-btn{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  min-height:46px;
  padding:0 18px;
  border-radius:16px;
  border:1px solid #dbe5f1;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
  box-shadow:0 10px 20px rgba(15,23,42,.04);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease, color .18s ease;
}

.iwc-admin-topnav .iwc-admin-nav-btn::before{
  content:'';
  position:absolute;
  inset:1px;
  border-radius:15px;
  background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(248,251,255,.78));
  z-index:-2;
}

.iwc-admin-topnav .iwc-admin-nav-btn::after{
  content:'';
  position:absolute;
  top:0;
  left:-130%;
  width:72%;
  height:100%;
  background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.58),rgba(255,255,255,0));
  transform:skewX(-22deg);
  transition:left .42s ease;
  z-index:-1;
}

.iwc-admin-topnav .iwc-admin-nav-btn:hover{
  transform:translateY(-2px);
  border-color:#c7d8f5;
  color:#1e3a8a;
  box-shadow:0 16px 28px rgba(37,99,235,.10);
}

.iwc-admin-topnav .iwc-admin-nav-btn:hover::after{
  left:145%;
}

.iwc-admin-topnav .iwc-admin-nav-tab,
.iwc-admin-topnav .iwc-admin-nav-tab.iwc-btn,
.iwc-admin-topnav .iwc-admin-nav-tab.iwc-btn-ghost{
  color:#475569;
  border-color:#dbe5f1;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
  box-shadow:0 10px 22px rgba(15,23,42,.05);
}

.iwc-admin-topnav .iwc-admin-nav-tab::before{
  background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(248,251,255,.82));
}

.iwc-admin-topnav .iwc-admin-nav-tab:hover,
.iwc-admin-topnav .iwc-admin-nav-tab.iwc-btn:hover,
.iwc-admin-topnav .iwc-admin-nav-tab.iwc-btn-ghost:hover{
  color:#1d4ed8 !important;
  border-color:#bfd7ff !important;
  background:linear-gradient(180deg,#ffffff 0%,#eef5ff 100%) !important;
  box-shadow:0 16px 28px rgba(59,130,246,.12),0 0 0 1px rgba(255,255,255,.55) inset !important;
  transform:translateY(-2px);
}

.iwc-admin-topnav .iwc-admin-nav-tab.is-active,
.iwc-admin-topnav .iwc-admin-nav-tab.iwc-btn-primary,
.iwc-admin-topnav .iwc-admin-nav-tab[aria-current="page"]{
  color:#ffffff !important;
  border-color:rgba(191,219,254,.72) !important;
  background:linear-gradient(135deg,#1d4ed8 0%,#2563eb 46%,#60a5fa 100%) !important;
  box-shadow:0 18px 34px rgba(37,99,235,.24),0 0 0 1px rgba(255,255,255,.14) inset !important;
  transform:translateY(-2px);
}


.iwc-admin-topnav .iwc-admin-nav-btn.iwc-admin-nav-tab{
  position:relative;
  overflow:hidden;
}

.iwc-admin-topnav .iwc-admin-nav-btn.iwc-admin-nav-tab.is-active,
.iwc-admin-topnav .iwc-admin-nav-btn.iwc-admin-nav-tab.iwc-btn-primary,
.iwc-admin-topnav .iwc-admin-nav-btn.iwc-admin-nav-tab[aria-current="page"]{
  color:#ffffff !important;
  border-color:rgba(191,219,254,.72) !important;
  background:linear-gradient(135deg,#1d4ed8 0%,#2563eb 46%,#60a5fa 100%) !important;
  box-shadow:0 18px 34px rgba(37,99,235,.24),0 0 0 1px rgba(255,255,255,.14) inset !important;
  text-shadow:0 1px 1px rgba(15,23,42,.16);
  transform:translateY(-1px);
}

.iwc-admin-topnav .iwc-admin-nav-btn.iwc-admin-nav-tab.is-active::before,
.iwc-admin-topnav .iwc-admin-nav-btn.iwc-admin-nav-tab.iwc-btn-primary::before,
.iwc-admin-topnav .iwc-admin-nav-btn.iwc-admin-nav-tab[aria-current="page"]::before{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:inherit;
  background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,0));
  pointer-events:none;
}

.iwc-admin-topnav .iwc-admin-nav-report,
.iwc-admin-topnav .iwc-admin-nav-report.iwc-btn,
.iwc-admin-topnav .iwc-admin-nav-report.iwc-btn-ghost{
  color:#b91c1c;
  border-color:#fecaca;
  background:linear-gradient(135deg,#fff7f7 0%,#fff1f2 100%);
  box-shadow:0 10px 20px rgba(239,68,68,.08);
}

.iwc-admin-topnav .iwc-admin-nav-report::before{
  background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(255,241,242,.78));
}

.iwc-admin-topnav .iwc-admin-nav-report:hover,
.iwc-admin-topnav .iwc-admin-nav-report.is-active,
.iwc-admin-topnav .iwc-admin-nav-report.iwc-btn-danger:hover,
.iwc-admin-topnav .iwc-admin-nav-report.iwc-btn-ghost:hover{
  color:#991b1b !important;
  border-color:rgba(252,165,165,.82) !important;
  background:linear-gradient(135deg,#fff1f2 0%,#ffe4e6 52%,#ffe8ea 100%) !important;
  box-shadow:0 16px 28px rgba(239,68,68,.14),0 0 0 1px rgba(255,255,255,.46) inset !important;
  transform:translateY(-3px);
}

.iwc-admin-topnav .iwc-admin-delete-btn{
  color:#b91c1c !important;
  border-color:#fecaca !important;
  background:linear-gradient(135deg,#fff7f7 0%,#fff1f2 100%) !important;
  box-shadow:0 10px 20px rgba(239,68,68,.10) !important;
}

.iwc-admin-topnav .iwc-admin-delete-btn:hover{
  color:#ffffff !important;
  border-color:rgba(252,165,165,.86) !important;
  background:linear-gradient(135deg,#dc2626 0%,#ef4444 52%,#f87171 100%) !important;
  box-shadow:0 20px 34px rgba(239,68,68,.26),0 0 0 1px rgba(255,255,255,.10) inset !important;
  transform:translateY(-3px) scale(1.01);
}

.iwc-admin-topnav .iwc-admin-delete-btn:focus{
  outline:none;
  box-shadow:0 0 0 4px rgba(254,202,202,.45),0 16px 28px rgba(239,68,68,.18) !important;
}

.iwc-admin-card-badges{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:10px;
}

.iwc-admin-card-badge{
  position:relative;
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 13px;
  border-radius:999px;
  border:1px solid transparent;
  font-size:12px;
  font-weight:900;
  letter-spacing:-.01em;
  box-shadow:0 12px 24px rgba(15,23,42,.06);
  overflow:hidden;
}

.iwc-admin-card-badge::before{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:inherit;
  background:linear-gradient(180deg, rgba(255,255,255,.78), rgba(255,255,255,.26));
  opacity:.75;
  pointer-events:none;
}

.iwc-admin-card-badge > *{position:relative;z-index:1;}

.iwc-admin-card-badge.is-public{
  color:#1d4ed8;
  background:linear-gradient(135deg, rgba(219,234,254,.95), rgba(239,246,255,.98));
  border-color:#bfdbfe;
}

.iwc-admin-card-badge.is-friend{
  color:#7c3aed;
  background:linear-gradient(135deg, rgba(237,233,254,.95), rgba(245,243,255,.98));
  border-color:#ddd6fe;
}

.iwc-admin-card-badge.is-private{
  color:#475569;
  background:linear-gradient(135deg, rgba(241,245,249,.96), rgba(248,250,252,.98));
  border-color:#e2e8f0;
}

.iwc-admin-card-badge.is-visible{
  color:#047857;
  background:linear-gradient(135deg, rgba(209,250,229,.94), rgba(236,253,245,.98));
  border-color:#a7f3d0;
}

.iwc-admin-card-badge.is-hidden{
  color:#b45309;
  background:linear-gradient(135deg, rgba(254,243,199,.96), rgba(255,251,235,.98));
  border-color:#fcd34d;
}

@media (max-width: 767px){
  .iwc-admin-topnav{gap:8px;}
  .iwc-admin-topnav .iwc-admin-nav-btn{flex:1 1 calc(50% - 4px); justify-content:center;}
  .iwc-admin-card-badges{margin-top:8px;}
}


/* =========================================================
   2026-03-30 관리자 목록 카드 hover polish
   ========================================================= */
.iwc-record-box{
  display:flex;
  flex-direction:column;
  gap:16px;
}

.iwc-record-item.iwc-record-item-thumb.iwc-record-item-stats{
  border-radius:24px;
  border-color:#d9e4f2;
  background:
    linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(248,250,252,.98) 100%),
    #fff;
  box-shadow:0 14px 34px rgba(15,23,42,.06);
  transition:
    transform .22s ease,
    box-shadow .22s ease,
    border-color .22s ease,
    background .22s ease;
}

.iwc-record-item.iwc-record-item-thumb.iwc-record-item-stats::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(135deg, rgba(59,130,246,.05) 0%, rgba(255,255,255,0) 38%, rgba(248,113,113,.04) 100%);
  opacity:0;
  transition:opacity .24s ease;
  pointer-events:none;
}

.iwc-record-item.iwc-record-item-thumb.iwc-record-item-stats:hover{
  transform:translateY(-4px);
  border-color:#bfdbfe;
  box-shadow:0 22px 46px rgba(15,23,42,.10);
}

.iwc-record-item.iwc-record-item-thumb.iwc-record-item-stats:hover::after{
  opacity:1;
}

.iwc-record-item.iwc-record-item-thumb.iwc-record-item-stats:hover::before{
  opacity:1;
  box-shadow:0 0 22px rgba(37,99,235,.12);
}

.iwc-record-item.iwc-record-item-thumb.iwc-record-item-stats .iwc-record-thumb{
  border-radius:18px;
  overflow:hidden;
  border:1px solid #dbe5f1;
  background:#f8fafc;
  box-shadow:0 10px 24px rgba(15,23,42,.06);
  transition:transform .24s ease, box-shadow .24s ease, border-color .24s ease;
}

.iwc-record-item.iwc-record-item-thumb.iwc-record-item-stats:hover .iwc-record-thumb{
  transform:translateY(-1px) scale(1.012);
  border-color:#bfdbfe;
  box-shadow:0 16px 30px rgba(37,99,235,.10);
}

.iwc-record-item.iwc-record-item-thumb.iwc-record-item-stats .iwc-record-title{
  transition:color .2s ease, letter-spacing .2s ease;
}

.iwc-record-item.iwc-record-item-thumb.iwc-record-item-stats:hover .iwc-record-title{
  color:#0b3b91;
  letter-spacing:-0.03em;
}

.iwc-record-item.iwc-record-item-thumb.iwc-record-item-stats .iwc-record-sub{
  color:#475569;
  transition:color .2s ease;
}

.iwc-record-item.iwc-record-item-thumb.iwc-record-item-stats:hover .iwc-record-sub{
  color:#334155;
}

.iwc-record-item.iwc-record-item-thumb.iwc-record-item-stats .iwc-admin-card-badges{
  transition:transform .22s ease;
}

.iwc-record-item.iwc-record-item-thumb.iwc-record-item-stats:hover .iwc-admin-card-badges{
  transform:translateY(-1px);
}


/* ===== v31 motion/media battle tuning ===== */
.iwc-vs-side.is-motion .iwc-vs-media-wrap{
  aspect-ratio:auto !important;
  background:transparent !important;
  border-radius:0 !important;
  overflow:visible !important;
}
.iwc-vs-side.is-motion .iwc-vs-media-wrap video,
.iwc-vs-side.is-motion .iwc-vs-media-wrap img{
  display:block;
  margin:0;
  transform:none !important;
  transition:none !important;
  filter:none !important;
  user-select:none;
  -webkit-user-drag:none;
  object-fit:contain !important;
  background:transparent !important;
}
.iwc-vs-side.is-motion.is-land .iwc-vs-media-wrap{
  width:100% !important;
  height:auto !important;
  max-width:100% !important;
  max-height:none !important;
}
.iwc-vs-side.is-motion.is-land .iwc-vs-media-wrap video,
.iwc-vs-side.is-motion.is-land .iwc-vs-media-wrap img{
  width:100% !important;
  height:auto !important;
  max-width:100% !important;
  max-height:none !important;
}
.iwc-vs-side.is-motion.is-port{
  height:99% !important;
}
.iwc-vs-side.is-motion.is-port .iwc-vs-media-wrap{
  width:auto !important;
  height:100% !important;
  max-height:100% !important;
  max-width:none !important;
}
.iwc-vs-side.is-motion.is-port .iwc-vs-media-wrap video,
.iwc-vs-side.is-motion.is-port .iwc-vs-media-wrap img{
  width:auto !important;
  height:100% !important;
  max-height:100% !important;
  max-width:none !important;
}
.iwc-win-ghost-image.iwc-win-ghost-media{
  overflow:hidden;
  border-radius:24px 24px 0 0;
  background:#060c18;
  box-shadow:0 12px 34px rgba(15,23,42,.20);
}
.iwc-win-ghost-image.iwc-win-ghost-media .iwc-vs-media-wrap{
  width:100% !important;
  height:100% !important;
  aspect-ratio:auto !important;
  border-radius:inherit !important;
  overflow:hidden !important;
}
.iwc-win-ghost-image.iwc-win-ghost-media iframe,
.iwc-win-ghost-image.iwc-win-ghost-media video,
.iwc-win-ghost-image.iwc-win-ghost-media img{
  width:100% !important;
  height:100% !important;
  display:block !important;
  border:0 !important;
  object-fit:cover !important;
  pointer-events:none !important;
}
.iwc-win-ghost-image.iwc-win-ghost-media video{
  object-fit:contain !important;
}

/* ===== v31.1 VS motion pick stabilization ===== */
.iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image.is-motion .iwc-vs-media-wrap{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  background:transparent !important;
  border-radius:0 !important;
  overflow:hidden !important;
}

.iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image.is-motion .iwc-vs-media-wrap video,
.iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image.is-motion .iwc-vs-media-wrap img{
  display:block !important;
  margin:0 auto !important;
  transform:none !important;
  transition:none !important;
  filter:none !important;
  background:transparent !important;
  object-fit:contain !important;
}

.iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image.is-motion.is-land .iwc-vs-media-wrap video,
.iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image.is-motion.is-land .iwc-vs-media-wrap img{
  width:100% !important;
  height:auto !important;
  max-width:100% !important;
  max-height:100% !important;
}

.iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image.is-motion.is-port .iwc-vs-media-wrap video,
.iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image.is-motion.is-port .iwc-vs-media-wrap img{
  width:auto !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
}

.iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image.is-motion:not(.is-land):not(.is-port) .iwc-vs-media-wrap video,
.iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image.is-motion:not(.is-land):not(.is-port) .iwc-vs-media-wrap img{
  width:100% !important;
  height:auto !important;
  max-width:100% !important;
  max-height:100% !important;
}

.iwc-win-ghost-image.iwc-win-ghost-media.is-motion{
  overflow:hidden !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

.iwc-win-ghost-image.iwc-win-ghost-media.is-motion video,
.iwc-win-ghost-image.iwc-win-ghost-media.is-motion img{
  display:block !important;
  margin:0 auto !important;
  border:0 !important;
  background:transparent !important;
  object-fit:contain !important;
  pointer-events:none !important;
}

.iwc-win-ghost-image.iwc-win-ghost-media.is-motion.is-land video,
.iwc-win-ghost-image.iwc-win-ghost-media.is-motion.is-land img{
  width:100% !important;
  height:auto !important;
  max-width:100% !important;
  max-height:100% !important;
}

.iwc-win-ghost-image.iwc-win-ghost-media.is-motion.is-port video,
.iwc-win-ghost-image.iwc-win-ghost-media.is-motion.is-port img{
  width:auto !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
}


/* ===== v31.1 VS blur background for motion / video ===== */
.iwc-vs-media.iwc-vs-media-rich{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  height:100% !important;
  overflow:hidden !important;
  border-radius:28px !important;
  background:#0b1020 !important;
}
.iwc-vs-media.iwc-vs-media-rich .iwc-vs-media-stage{
  position:relative !important;
  z-index:3 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
}
.iwc-vs-media.iwc-vs-media-rich .iwc-vs-media-wrap{
  background:transparent !important;
}
.iwc-vs-side.is-video .iwc-vs-media.iwc-vs-media-rich{
  border-radius:24px 24px 0 0 !important;
  aspect-ratio:16/9 !important;
}
.iwc-vs-side.is-video .iwc-vs-media.iwc-vs-media-rich.is-audio{
  aspect-ratio:16/10 !important;
}
.iwc-vs-side.is-video .iwc-vs-media.iwc-vs-media-rich .iwc-vs-media-wrap,
.iwc-vs-side.is-video .iwc-vs-media.iwc-vs-media-rich .iwc-yt-segment-wrap,
.iwc-vs-side.is-video .iwc-vs-media.iwc-vs-media-rich iframe{
  width:100% !important;
  height:100% !important;
  border-radius:inherit !important;
}
.iwc-vs-side.is-motion .iwc-vs-media.iwc-vs-media-rich{
  border-radius:28px !important;
}
.iwc-vs-side.is-motion .iwc-vs-media.iwc-vs-media-rich .iwc-vs-media-wrap video,
.iwc-vs-side.is-motion .iwc-vs-media.iwc-vs-media-rich .iwc-vs-media-wrap img,
.iwc-vs-side.is-video .iwc-vs-media.iwc-vs-media-rich iframe,
.iwc-vs-side.is-video .iwc-vs-media.iwc-vs-media-rich .iwc-yt-segment-wrap iframe{
  position:relative !important;
  z-index:3 !important;
}


/* ===== v31.1 content-only winner animation ===== */
.iwc-vs-side.is-winner-source-media{
  opacity:1 !important;
  visibility:visible !important;
}
.iwc-vs-side.is-winner-source-media .iwc-vs-media,
.iwc-vs-side.is-winner-source-media .iwc-vs-media-wrap,
.iwc-vs-side.is-winner-source-media .iwc-vs-media-stage,
.iwc-vs-side.is-winner-source-media iframe,
.iwc-vs-side.is-winner-source-media video,
.iwc-vs-side.is-winner-source-media img,
.iwc-vs-side.is-winner-source-media .iwc-noimg,
.iwc-vs-side.is-winner-source-media .iwc-vs-side-meta,
.iwc-vs-side.is-winner-source-media .iwc-vs-select-btn{
  opacity:0 !important;
  visibility:hidden !important;
}
.iwc-win-ghost-image.iwc-win-ghost-content{
  background:transparent !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
.iwc-win-ghost-image.iwc-win-ghost-content .iwc-vs-media-wrap,
.iwc-win-ghost-image.iwc-win-ghost-content .iwc-yt-segment-wrap{
  width:100% !important;
  height:100% !important;
  border-radius:inherit !important;
  overflow:hidden !important;
}
.iwc-win-ghost-image.iwc-win-ghost-content iframe,
.iwc-win-ghost-image.iwc-win-ghost-content video,
.iwc-win-ghost-image.iwc-win-ghost-content img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  border:0 !important;
  pointer-events:none !important;
}
.iwc-win-ghost-image.iwc-win-ghost-content img{
  object-fit:contain !important;
}


/* ===== v31.1 content animation centering / contain fix ===== */
.iwc-win-ghost-image.iwc-win-ghost-content{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
}
.iwc-win-ghost-image.iwc-win-ghost-content .iwc-vs-media-stage,
.iwc-win-ghost-image.iwc-win-ghost-content .iwc-vs-media-wrap,
.iwc-win-ghost-image.iwc-win-ghost-content .iwc-yt-segment-wrap{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  overflow:hidden !important;
}
.iwc-win-ghost-image.iwc-win-ghost-content video,
.iwc-win-ghost-image.iwc-win-ghost-content img{
  display:block !important;
  width:auto !important;
  height:auto !important;
  max-width:100% !important;
  max-height:100% !important;
  margin:0 auto !important;
  object-fit:contain !important;
  object-position:center center !important;
}
.iwc-win-ghost-image.iwc-win-ghost-content iframe{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  border:0 !important;
}
.iwc-win-ghost-image.iwc-win-ghost-content.is-land video,
.iwc-win-ghost-image.iwc-win-ghost-content.is-land img{
  width:100% !important;
  height:auto !important;
}
.iwc-win-ghost-image.iwc-win-ghost-content.is-port video,
.iwc-win-ghost-image.iwc-win-ghost-content.is-port img{
  width:auto !important;
  height:100% !important;
}

/* ===== v32.4 motion ghost + external video zoom refine ===== */
.iwc-vs-cinema-wrap.is-picking .iwc-vs-canvas::before,
.iwc-vs-cinema-wrap.is-picking .iwc-vs-canvas::after{
  opacity:0 !important;
}

.iwc-vs-side.is-winner-source-media{
  background:transparent !important;
  border-color:transparent !important;
  box-shadow:none !important;
}
.iwc-vs-side.is-winner-source-media::before,
.iwc-vs-side.is-winner-source-media::after,
.iwc-vs-side.is-winner-source-media .iwc-vs-side-inner::before,
.iwc-vs-side.is-winner-source-media .iwc-vs-side-inner::after,
.iwc-vs-side.is-winner-source-media .iwc-vs-overlay,
.iwc-vs-side.is-winner-source-media .iwc-vs-frame-surge{
  opacity:0 !important;
  visibility:hidden !important;
}
.iwc-vs-side.is-winner-source-media .iwc-vs-side-inner{
  background:transparent !important;
  box-shadow:none !important;
}

.iwc-win-ghost-image.iwc-win-ghost-media.is-motion,
.iwc-win-ghost-image.iwc-win-ghost-media.is-motion .iwc-vs-media,
.iwc-win-ghost-image.iwc-win-ghost-media.is-motion .iwc-vs-media-stage,
.iwc-win-ghost-image.iwc-win-ghost-media.is-motion .iwc-vs-media-wrap{
  background:transparent !important;
  box-shadow:none !important;
  border-radius:0 !important;
}
.iwc-win-ghost-image.iwc-win-ghost-media.is-motion{
  overflow:visible !important;
}

.iwc-win-ghost-image.is-animate{
  transition:
    left 1.28s cubic-bezier(.18,.86,.18,1),
    top 1.28s cubic-bezier(.18,.86,.18,1),
    transform 1.28s cubic-bezier(.18,.86,.18,1),
    opacity .34s ease !important;
}
.iwc-win-ghost-name{
  transition:transform 1.08s cubic-bezier(.18,.86,.18,1), opacity .56s ease, filter .44s ease !important;
}
.iwc-win-ghost-name.is-centering{
  transition:
    left 1.18s cubic-bezier(.18,.86,.18,1),
    top 1.18s cubic-bezier(.18,.86,.18,1),
    opacity .32s ease !important;
}

.iwc-vs-cinema-wrap.is-external-video-pick .iwc-vs-side.is-external-zoom-winner{
  z-index:90 !important;
  transform:none !important;
  transition:
    width 1.72s cubic-bezier(.16,.88,.18,1),
    opacity .42s ease,
    filter .42s ease !important;
  will-change:width, transform;
}
.iwc-vs-cinema-wrap.is-external-video-pick .iwc-vs-side.is-external-zoom-winner .iwc-vs-side-inner{
  justify-content:center !important;
}
.iwc-vs-cinema-wrap.is-external-video-pick .iwc-vs-side.is-external-zoom-winner .iwc-vs-media,
.iwc-vs-cinema-wrap.is-external-video-pick .iwc-vs-side.is-external-zoom-winner .iwc-vs-media-stage,
.iwc-vs-cinema-wrap.is-external-video-pick .iwc-vs-side.is-external-zoom-winner .iwc-vs-media-wrap,
.iwc-vs-cinema-wrap.is-external-video-pick .iwc-vs-side.is-external-zoom-winner .iwc-yt-segment-wrap{
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  border-radius:28px !important;
}
.iwc-vs-cinema-wrap.is-external-video-pick .iwc-vs-side.is-external-zoom-winner iframe,
.iwc-vs-cinema-wrap.is-external-video-pick .iwc-vs-side.is-external-zoom-winner .iwc-yt-segment-wrap iframe{
  width:100% !important;
  height:100% !important;
  border-radius:inherit !important;
}
.iwc-vs-cinema-wrap.is-external-video-pick .iwc-vs-side.is-external-zoom-winner .iwc-vs-select-btn,
.iwc-vs-cinema-wrap.is-external-video-pick .iwc-vs-side.is-external-zoom-winner .iwc-vs-side-meta,
.iwc-vs-cinema-wrap.is-external-video-pick .iwc-vs-side.is-external-zoom-winner .iwc-vs-overlay,
.iwc-vs-cinema-wrap.is-external-video-pick .iwc-vs-side.is-external-zoom-winner .iwc-vs-frame-surge{
  opacity:0 !important;
  visibility:hidden !important;
}
.iwc-vs-cinema-wrap.is-external-video-pick .iwc-vs-side.is-external-zoom-winner .iwc-vs-media-stage{
  transform:scale(1) !important;
  transform-origin:center center !important;
  transition:transform 1.58s cubic-bezier(.18,.86,.18,1) !important;
}
.iwc-vs-cinema-wrap.is-external-video-pick .iwc-vs-side.is-external-zoom-winner.is-zoom-active .iwc-vs-media-stage{
  transform:scale(1.045) !important;
}
.iwc-vs-cinema-wrap.is-external-video-pick .iwc-vs-side.is-external-zoom-winner.is-zoom-settle .iwc-vs-media-stage{
  transform:scale(1.015) !important;
}
.iwc-vs-cinema-wrap.is-external-video-pick .iwc-vs-side.is-external-zoom-winner .iwc-vs-name{
  transition:left 1.24s cubic-bezier(.18,.86,.18,1), right 1.24s cubic-bezier(.18,.86,.18,1), bottom .48s ease, opacity .32s ease !important;
}


/* ===== v32.5 external video anchored zoom ===== */
.iwc-vs-cinema-wrap.is-external-video-pick .iwc-vs-side.is-external-zoom-winner{
  bottom:auto !important;
}
.iwc-vs-cinema-wrap.is-external-video-pick.winner-left .iwc-vs-side.is-external-zoom-winner{
  left:var(--iwc-vs-side-gap, 24px) !important;
  right:auto !important;
}
.iwc-vs-cinema-wrap.is-external-video-pick.winner-right .iwc-vs-side.is-external-zoom-winner{
  right:var(--iwc-vs-side-gap, 24px) !important;
  left:auto !important;
}
.iwc-vs-cinema-wrap.is-external-video-pick .iwc-vs-side.is-external-zoom-winner .iwc-vs-media-stage{
  transform:scale(1) !important;
  transform-origin:center center !important;
  transition:transform 1.82s cubic-bezier(.16,.88,.18,1) !important;
}
.iwc-vs-cinema-wrap.is-external-video-pick.winner-left .iwc-vs-side.is-external-zoom-winner .iwc-vs-media-stage{
  transform-origin:left center !important;
}
.iwc-vs-cinema-wrap.is-external-video-pick.winner-right .iwc-vs-side.is-external-zoom-winner .iwc-vs-media-stage{
  transform-origin:right center !important;
}
.iwc-vs-cinema-wrap.is-external-video-pick .iwc-vs-side.is-external-zoom-winner.is-zoom-active .iwc-vs-media-stage{
  transform:scale(1.032) !important;
}
.iwc-vs-cinema-wrap.is-external-video-pick .iwc-vs-side.is-external-zoom-winner.is-zoom-settle .iwc-vs-media-stage{
  transform:scale(1.012) !important;
}

/* ===== v32.6 external video side-eat full-width fix ===== */
.iwc-vs-cinema-wrap.is-external-video-pick .iwc-vs-side.is-external-zoom-winner{
  overflow:hidden !important;
  transition:
    width 1.96s cubic-bezier(.16,.88,.18,1),
    left 1.96s cubic-bezier(.16,.88,.18,1),
    right 1.96s cubic-bezier(.16,.88,.18,1),
    opacity .42s ease,
    filter .42s ease !important;
  will-change:width, left, right, transform !important;
}
.iwc-vs-cinema-wrap.is-external-video-pick .iwc-vs-side.is-external-zoom-winner .iwc-vs-side-inner{
  justify-content:stretch !important;
  align-items:stretch !important;
}
.iwc-vs-cinema-wrap.is-external-video-pick.winner-left .iwc-vs-side.is-external-zoom-winner .iwc-vs-side-inner{
  justify-content:flex-start !important;
}
.iwc-vs-cinema-wrap.is-external-video-pick.winner-right .iwc-vs-side.is-external-zoom-winner .iwc-vs-side-inner{
  justify-content:flex-end !important;
}
.iwc-vs-cinema-wrap.is-external-video-pick .iwc-vs-side.is-external-zoom-winner .iwc-vs-media,
.iwc-vs-cinema-wrap.is-external-video-pick .iwc-vs-side.is-external-zoom-winner .iwc-vs-media.iwc-vs-media-rich,
.iwc-vs-cinema-wrap.is-external-video-pick .iwc-vs-side.is-external-zoom-winner .iwc-vs-media-stage,
.iwc-vs-cinema-wrap.is-external-video-pick .iwc-vs-side.is-external-zoom-winner .iwc-vs-media-wrap,
.iwc-vs-cinema-wrap.is-external-video-pick .iwc-vs-side.is-external-zoom-winner .iwc-yt-segment-wrap{
  width:100% !important;
  height:100% !important;
  min-width:100% !important;
  max-width:none !important;
  max-height:none !important;
  aspect-ratio:auto !important;
}
.iwc-vs-cinema-wrap.is-external-video-pick .iwc-vs-side.is-external-zoom-winner .iwc-vs-media-stage{
  justify-content:stretch !important;
  align-items:stretch !important;
  transform:scale(1) !important;
  transition:transform 1.96s cubic-bezier(.16,.88,.18,1) !important;
}
.iwc-vs-cinema-wrap.is-external-video-pick.winner-left .iwc-vs-side.is-external-zoom-winner .iwc-vs-media-stage{
  transform-origin:left center !important;
}
.iwc-vs-cinema-wrap.is-external-video-pick.winner-right .iwc-vs-side.is-external-zoom-winner .iwc-vs-media-stage{
  transform-origin:right center !important;
}
.iwc-vs-cinema-wrap.is-external-video-pick .iwc-vs-side.is-external-zoom-winner iframe,
.iwc-vs-cinema-wrap.is-external-video-pick .iwc-vs-side.is-external-zoom-winner .iwc-yt-segment-wrap iframe{
  width:100% !important;
  height:100% !important;
}
.iwc-vs-cinema-wrap.is-external-video-pick .iwc-vs-side.is-external-zoom-winner.is-zoom-active .iwc-vs-media-stage{
  transform:scale(1.018) !important;
}
.iwc-vs-cinema-wrap.is-external-video-pick .iwc-vs-side.is-external-zoom-winner.is-zoom-settle .iwc-vs-media-stage{
  transform:scale(1.006) !important;
}

/* ===== v32.7 external video original-stage center move ===== */
.iwc-vs-cinema-wrap.is-external-video-center-move .iwc-vs-side.is-winner-source-media{
  background:transparent !important;
  border-color:transparent !important;
  box-shadow:none !important;
}
.iwc-external-video-float{
  position:fixed !important;
  z-index:999999 !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  border-radius:28px !important;
  overflow:visible !important;
  pointer-events:none !important;
  transform:translate3d(0,0,0) scale(1) !important;
  transform-origin:center center !important;
  transition:transform 1.52s cubic-bezier(.18,.86,.18,1), opacity .32s ease !important;
  will-change:transform, opacity !important;
  box-shadow:0 28px 72px rgba(0,0,0,.34) !important;
}
.iwc-external-video-float-shell,
.iwc-external-video-float .iwc-vs-media-stage,
.iwc-external-video-float .iwc-vs-media-player,
.iwc-external-video-float .iwc-vs-media-wrap,
.iwc-external-video-float .iwc-yt-segment-wrap,
.iwc-external-video-float .iwc-yt-segment-player,
.iwc-external-video-float .iwc-yt-segment-mount{
  width:100% !important;
  height:100% !important;
  min-width:100% !important;
  min-height:100% !important;
  max-width:none !important;
  max-height:none !important;
}
.iwc-external-video-float .iwc-vs-media-stage{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
  border-radius:28px !important;
  background:transparent !important;
}
.iwc-external-video-float .iwc-vs-media-player,
.iwc-external-video-float .iwc-vs-media-wrap,
.iwc-external-video-float .iwc-yt-segment-wrap{
  border-radius:inherit !important;
  overflow:hidden !important;
  background:transparent !important;
}
.iwc-external-video-float iframe,
.iwc-external-video-float .iwc-yt-segment-wrap iframe{
  display:block !important;
  width:100% !important;
  height:100% !important;
  border:0 !important;
  border-radius:inherit !important;
  pointer-events:none !important;
}
.iwc-external-video-float.is-animate{
  opacity:1 !important;
}
.iwc-external-video-float.is-settle{
  opacity:1 !important;
}


/* ===== v32.8 external video keep-live move: no reparent, no resize ===== */
.iwc-vs-cinema-wrap.is-external-video-center-move .iwc-vs-side.is-external-live-center{
  z-index:120 !important;
  will-change:transform, opacity, filter !important;
  pointer-events:none !important;
  box-shadow:0 28px 72px rgba(0,0,0,.34) !important;
}
.iwc-vs-cinema-wrap.is-external-video-center-move .iwc-vs-side.is-external-live-center .iwc-vs-side-inner{
  overflow:hidden !important;
}

/* ===== v32.8.1 hide select button during external live center move ===== */
.iwc-vs-cinema-wrap.is-external-video-center-move .iwc-vs-side.is-external-live-center .iwc-vs-select-btn{
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transform:translate3d(0, 10px, 0) scale(.96) !important;
  transition:opacity .18s ease, transform .22s ease, visibility 0s linear .22s !important;
}


/* ===== v32.8.2 hide top side meta badge during external live center move ===== */
.iwc-vs-cinema-wrap.is-external-video-center-move .iwc-vs-side.is-external-live-center .iwc-vs-side-meta{
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transform:translate3d(0, -10px, 0) scale(.96) !important;
  transition:opacity .18s ease, transform .22s ease, visibility 0s linear .22s !important;
}


/* ===== v32.8.3 external live title box glide to center ===== */
.iwc-external-live-name-float{
  position:fixed !important;
  z-index:999999 !important;
  pointer-events:none !important;
  margin:0 !important;
  will-change:left, top, transform, opacity !important;
}
.iwc-external-live-name-float.is-animate{
  text-align:center !important;
}
.iwc-vs-cinema-wrap.is-external-video-center-move .iwc-vs-side.is-external-live-center .iwc-vs-name.is-external-live-name-hidden{
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}

/* ===== v32.8.5 trim hidden select lane during external live center move ===== */
.iwc-vs-cinema-wrap.is-external-video-center-move{
  --iwc-external-live-trim-bottom: clamp(72px, 9vh, 92px);
}
.iwc-vs-cinema-wrap.is-external-video-center-move .iwc-vs-side.is-external-live-center{
  -webkit-clip-path: inset(0 0 var(--iwc-external-live-trim-bottom) 0 round var(--iwc-vs-side-radius, 28px)) !important;
  clip-path: inset(0 0 var(--iwc-external-live-trim-bottom) 0 round var(--iwc-vs-side-radius, 28px)) !important;
}
.iwc-vs-cinema-wrap.is-external-video-center-move .iwc-vs-side.is-external-live-center .iwc-vs-side-inner{
  background:transparent !important;
}
@media (max-width: 767px){
  .iwc-vs-cinema-wrap.is-external-video-center-move{
    --iwc-external-live-trim-bottom: clamp(64px, 8vh, 82px);
  }
}

/* ===== v32.8.x external video square corners + motion blur bg ===== */
.iwc-vs-canvas .iwc-vs-side.is-video .iwc-vs-media.iwc-vs-media-rich,
.iwc-vs-canvas .iwc-vs-side.is-video .iwc-vs-media.iwc-vs-media-rich .iwc-vs-media-stage,
.iwc-vs-canvas .iwc-vs-side.is-video .iwc-vs-media.iwc-vs-media-rich .iwc-vs-media-wrap,
.iwc-vs-canvas .iwc-vs-side.is-video .iwc-vs-media.iwc-vs-media-rich .iwc-yt-segment-wrap,
.iwc-vs-canvas .iwc-vs-side.is-video .iwc-vs-media.iwc-vs-media-rich iframe,
.iwc-vs-canvas .iwc-vs-side.is-video .iwc-vs-media.iwc-vs-media-rich .iwc-yt-segment-wrap iframe,
.iwc-external-video-float,
.iwc-external-video-float-shell,
.iwc-external-video-float .iwc-vs-media-stage,
.iwc-external-video-float .iwc-vs-media-wrap,
.iwc-external-video-float .iwc-yt-segment-wrap,
.iwc-external-video-float iframe,
.iwc-external-video-float .iwc-yt-segment-wrap iframe{
  border-radius:0 !important;
}

.iwc-vs-canvas .iwc-vs-side.is-motion .iwc-vs-media.iwc-vs-media-rich{
  background:#050912 !important;
}
.iwc-vs-canvas .iwc-vs-side.is-motion .iwc-vs-media.iwc-vs-media-rich .iwc-vs-media-bg{
  inset:-3% !important;
  border-radius:0 !important;
  background-position:center center !important;
  background-size:cover !important;
  transform:scale(1.12) !important;
  filter:blur(22px) brightness(.46) saturate(1.08) !important;
  opacity:.96 !important;
  z-index:1 !important;
}
.iwc-vs-canvas .iwc-vs-side.is-motion .iwc-vs-media.iwc-vs-media-rich::after{
  content:'' !important;
  position:absolute !important;
  inset:0 !important;
  z-index:2 !important;
  pointer-events:none !important;
  background:
    radial-gradient(circle at center, rgba(255,255,255,.05), rgba(255,255,255,0) 42%),
    linear-gradient(to top, rgba(7,10,18,.42), rgba(7,10,18,.10) 35%, rgba(7,10,18,.20)),
    linear-gradient(to right, rgba(7,10,18,.18), transparent 16%, transparent 84%, rgba(7,10,18,.18)) !important;
}
.iwc-vs-canvas .iwc-vs-side.is-motion .iwc-vs-media.iwc-vs-media-rich .iwc-vs-media-stage,
.iwc-vs-canvas .iwc-vs-side.is-motion .iwc-vs-media.iwc-vs-media-rich .iwc-vs-media-wrap,
.iwc-vs-canvas .iwc-vs-side.is-motion .iwc-vs-media.iwc-vs-media-rich .iwc-vs-media-wrap video,
.iwc-vs-canvas .iwc-vs-side.is-motion .iwc-vs-media.iwc-vs-media-rich .iwc-vs-media-wrap img{
  position:relative !important;
  z-index:3 !important;
}


/* ===== v32.8.5r1 motion mp4 blurred background ===== */
.iwc-vs-media.iwc-vs-media-rich .iwc-vs-media-video-bg{
  position:absolute !important;
  inset:-3% !important;
  z-index:1 !important;
  overflow:hidden !important;
  pointer-events:none !important;
  border-radius:inherit !important;
  opacity:.98 !important;
}
.iwc-vs-media.iwc-vs-media-rich .iwc-vs-media-video-bg video{
  width:100% !important;
  height:100% !important;
  display:block !important;
  object-fit:cover !important;
  object-position:center center !important;
  transform:scale(1.16) !important;
  filter:blur(22px) brightness(.46) saturate(1.08) !important;
  opacity:1 !important;
  background:transparent !important;
  pointer-events:none !important;
}
.iwc-vs-canvas .iwc-vs-side.is-motion .iwc-vs-media.iwc-vs-media-rich .iwc-vs-media-video-bg{
  inset:-4% !important;
}
.iwc-vs-canvas .iwc-vs-side.is-motion .iwc-vs-media.iwc-vs-media-rich .iwc-vs-media-video-bg video{
  filter:blur(24px) brightness(.44) saturate(1.1) !important;
}


/* ===== v32.8.5r2 remove radius for motion/external winner ===== */
.iwc-vs-canvas .iwc-vs-side.is-motion,
.iwc-vs-canvas .iwc-vs-side.is-motion .iwc-vs-side-inner,
.iwc-vs-canvas .iwc-vs-side.is-motion .iwc-vs-media,
.iwc-vs-canvas .iwc-vs-side.is-motion .iwc-vs-media.iwc-vs-media-rich,
.iwc-vs-canvas .iwc-vs-side.is-motion .iwc-vs-media.iwc-vs-media-rich .iwc-vs-media-stage,
.iwc-vs-canvas .iwc-vs-side.is-motion .iwc-vs-media.iwc-vs-media-rich .iwc-vs-media-wrap,
.iwc-vs-canvas .iwc-vs-side.is-motion .iwc-vs-media.iwc-vs-media-rich .iwc-vs-media-wrap video,
.iwc-vs-canvas .iwc-vs-side.is-motion .iwc-vs-media.iwc-vs-media-rich .iwc-vs-media-bg,
.iwc-vs-canvas .iwc-vs-side.is-motion .iwc-vs-media.iwc-vs-media-rich .iwc-vs-media-video-bg,
.iwc-vs-canvas .iwc-vs-side.is-motion .iwc-vs-media.iwc-vs-media-rich .iwc-vs-media-video-bg video,
.iwc-vs-canvas .iwc-vs-side.is-motion .iwc-vs-name{
  border-radius:0 !important;
}

.iwc-vs-cinema-wrap.is-external-video-center-move .iwc-vs-side.is-external-live-center,
.iwc-vs-cinema-wrap.is-external-video-center-move .iwc-vs-side.is-external-live-center .iwc-vs-side-inner,
.iwc-vs-cinema-wrap.is-external-video-center-move .iwc-vs-side.is-external-live-center .iwc-vs-media,
.iwc-vs-cinema-wrap.is-external-video-center-move .iwc-vs-side.is-external-live-center .iwc-vs-media.iwc-vs-media-rich,
.iwc-vs-cinema-wrap.is-external-video-center-move .iwc-vs-side.is-external-live-center .iwc-vs-media-stage,
.iwc-vs-cinema-wrap.is-external-video-center-move .iwc-vs-side.is-external-live-center .iwc-vs-media-wrap,
.iwc-vs-cinema-wrap.is-external-video-center-move .iwc-vs-side.is-external-live-center .iwc-yt-segment-wrap,
.iwc-vs-cinema-wrap.is-external-video-center-move .iwc-vs-side.is-external-live-center iframe,
.iwc-vs-cinema-wrap.is-external-video-center-move .iwc-vs-side.is-external-live-center .iwc-yt-segment-wrap iframe,
.iwc-vs-cinema-wrap.is-external-video-center-move .iwc-vs-side.is-external-live-center .iwc-vs-name,
.iwc-external-video-float,
.iwc-external-video-float-shell,
.iwc-external-video-float .iwc-vs-media-stage,
.iwc-external-video-float .iwc-vs-media-wrap,
.iwc-external-video-float .iwc-yt-segment-wrap,
.iwc-external-video-float .iwc-vs-name,
.iwc-external-live-name-float{
  border-radius:0 !important;
}

.iwc-vs-cinema-wrap.is-external-video-center-move .iwc-vs-side.is-external-live-center{
  -webkit-clip-path: inset(0 0 var(--iwc-external-live-trim-bottom) 0 round 0) !important;
  clip-path: inset(0 0 var(--iwc-external-live-trim-bottom) 0 round 0) !important;
}

/* ===== v32.8.5r3 restore radius for motion/external winner names only ===== */
.iwc-vs-canvas .iwc-vs-side.is-motion .iwc-vs-name,
.iwc-vs-canvas .iwc-vs-side.is-motion .iwc-vs-name-left,
.iwc-vs-canvas .iwc-vs-side.is-motion .iwc-vs-name-right,
.iwc-vs-cinema-wrap.is-external-video-center-move .iwc-vs-side.is-external-live-center .iwc-vs-name,
.iwc-vs-cinema-wrap.is-external-video-center-move .iwc-vs-side.is-external-live-center .iwc-vs-name-left,
.iwc-vs-cinema-wrap.is-external-video-center-move .iwc-vs-side.is-external-live-center .iwc-vs-name-right,
.iwc-external-live-name-float{
  border-radius:24px !important;
}

/* ===== 2026-04 result winner intrinsic ratio for image / motion ===== */
.iwc-final-thumb.iwc-result-hero-thumb{
  width:100%;
  max-width:none;
  min-height:0;
  height:auto;
  aspect-ratio:auto;
  display:flex;
  align-items:center;
  justify-content:center;
  background:transparent;
  box-shadow:none;
  overflow:visible;
}

.iwc-final-thumb.iwc-result-hero-thumb .iwc-final-media.is-local-video,
.iwc-final-thumb.iwc-result-hero-thumb .iwc-final-media:not(.iwc-media-player){
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:fit-content;
  max-width:100%;
  height:auto;
  aspect-ratio:auto;
  overflow:visible;
  background:transparent;
  box-shadow:none;
}

.iwc-final-thumb.iwc-result-hero-thumb .iwc-final-media.is-local-video video,
.iwc-final-thumb.iwc-result-hero-thumb .iwc-final-media:not(.iwc-media-player) img{
  width:auto;
  height:auto;
  max-width:100%;
  max-height:min(70vh, 760px);
  display:block;
  object-fit:contain;
  border-radius:28px;
  background:#0b1220;
  box-shadow:
    0 30px 90px rgba(2,6,23,.56),
    0 0 0 1px rgba(255,255,255,.06) inset;
}

.iwc-share-page-hero{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px 24px 118px;
}

.iwc-share-page-hero > .iwc-share-page-media.is-local-video,
.iwc-share-page-hero > .iwc-share-page-media:not(.iwc-media-player){
  position:relative;
  z-index:1;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:fit-content;
  max-width:100%;
  min-height:0;
  height:auto;
  aspect-ratio:auto;
  overflow:visible;
  background:transparent;
  box-shadow:none;
}

.iwc-share-page-hero > .iwc-share-page-media.is-local-video video,
.iwc-share-page-hero > .iwc-share-page-media:not(.iwc-media-player) img{
  width:auto;
  height:auto;
  max-width:100%;
  max-height:min(68vh, 760px);
  display:block;
  object-fit:contain;
  border-radius:28px;
  background:#0b1220;
  box-shadow:
    0 30px 90px rgba(2,6,23,.56),
    0 0 0 1px rgba(255,255,255,.06) inset;
}

/* result card generator */
.thumb{
  display:flex;
  align-items:center;
  justify-content:center;
}

.thumb > .thumb.is-local-video,
.thumb > .thumb:not(.iwc-media-player){
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:fit-content;
  max-width:100%;
  height:auto;
  aspect-ratio:auto;
  overflow:visible;
  background:transparent;
  border:0;
  margin:0;
}

.thumb > .thumb.is-local-video video,
.thumb > .thumb:not(.iwc-media-player) img{
  width:auto;
  height:auto;
  max-width:100%;
  max-height:520px;
  display:block;
  object-fit:contain;
  border-radius:24px;
  background:#f3f4f6;
}

@media (max-width: 991px){
  .iwc-final-thumb.iwc-result-hero-thumb .iwc-final-media.is-local-video video,
  .iwc-final-thumb.iwc-result-hero-thumb .iwc-final-media:not(.iwc-media-player) img,
  .iwc-share-page-hero > .iwc-share-page-media.is-local-video video,
  .iwc-share-page-hero > .iwc-share-page-media:not(.iwc-media-player) img{
    max-height:min(60vh, 620px);
  }
}

@media (max-width: 680px){
  .iwc-share-page-hero{
    padding:18px 18px 96px;
  }

  .iwc-final-thumb.iwc-result-hero-thumb .iwc-final-media.is-local-video video,
  .iwc-final-thumb.iwc-result-hero-thumb .iwc-final-media:not(.iwc-media-player) img,
  .iwc-share-page-hero > .iwc-share-page-media.is-local-video video,
  .iwc-share-page-hero > .iwc-share-page-media:not(.iwc-media-player) img{
    max-height:min(52vh, 460px);
    border-radius:22px;
  }

  .thumb > .thumb.is-local-video video,
  .thumb > .thumb:not(.iwc-media-player) img{
    max-height:420px;
    border-radius:20px;
  }
}

/* ===== result local media intrinsic-in-box fix (2026-04-02) ===== */
/* Result modal winner card */
.iwc-result-comment-winner .iwc-result-hero-thumb{
  width:min(100%, 960px);
  height:auto;
  aspect-ratio:auto;
}

.iwc-final-thumb.iwc-result-hero-thumb{
  width:min(100%, 960px);
  height:auto;
  aspect-ratio:auto;
}

.iwc-result-comment-winner .iwc-result-hero-thumb .iwc-final-media.is-local-video,
.iwc-result-comment-winner .iwc-result-hero-thumb .iwc-final-media:not(.iwc-media-player),
.iwc-final-thumb.iwc-result-hero-thumb .iwc-final-media.is-local-video,
.iwc-final-thumb.iwc-result-hero-thumb .iwc-final-media:not(.iwc-media-player),
.iwc-share-page-hero > .iwc-share-page-media.is-local-video,
.iwc-share-page-hero > .iwc-share-page-media:not(.iwc-media-player),
.thumb > .thumb.is-local-video,
.thumb > .thumb:not(.iwc-media-player){
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  aspect-ratio:auto !important;
  min-height:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:visible !important;
  background:transparent !important;
  box-shadow:none !important;
}

.iwc-result-comment-winner .iwc-result-hero-thumb .iwc-final-media.is-local-video video,
.iwc-result-comment-winner .iwc-result-hero-thumb .iwc-final-media:not(.iwc-media-player) img,
.iwc-final-thumb.iwc-result-hero-thumb .iwc-final-media.is-local-video video,
.iwc-final-thumb.iwc-result-hero-thumb .iwc-final-media:not(.iwc-media-player) img,
.iwc-share-page-hero > .iwc-share-page-media.is-local-video video,
.iwc-share-page-hero > .iwc-share-page-media:not(.iwc-media-player) img,
.thumb > .thumb.is-local-video video,
.thumb > .thumb:not(.iwc-media-player) img{
  width:auto !important;
  height:auto !important;
  max-width:100% !important;
  max-height:none !important;
  aspect-ratio:auto !important;
  object-fit:contain !important;
  transform:none !important;
}

/* Let the box grow for intrinsic-ratio media on result card */
.thumb{
  height:auto !important;
  min-height:520px;
}

/* Share page hero also grows with the media while keeping caption area */
.iwc-share-page-hero{
  min-height:0 !important;
  height:auto !important;
}

@media (max-width: 680px){
  .thumb{min-height:420px;}
}


/* ===== result local media stay inside box (2026-04-02 v2) ===== */
.iwc-result-comment-winner .iwc-result-hero-thumb,
.iwc-final-thumb.iwc-result-hero-thumb{
  width:min(100%, 960px) !important;
  min-height:420px;
  max-height:min(72vh, 860px);
  height:auto !important;
  aspect-ratio:auto !important;
  display:flex;
  align-items:center;
  justify-content:center;
}

.iwc-result-comment-winner .iwc-result-hero-thumb .iwc-final-media.is-local-video,
.iwc-result-comment-winner .iwc-result-hero-thumb .iwc-final-media:not(.iwc-media-player),
.iwc-final-thumb.iwc-result-hero-thumb .iwc-final-media.is-local-video,
.iwc-final-thumb.iwc-result-hero-thumb .iwc-final-media:not(.iwc-media-player){
  width:100% !important;
  height:100% !important;
  min-height:420px !important;
  max-height:min(72vh, 860px) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
}

.iwc-result-comment-winner .iwc-result-hero-thumb .iwc-final-media.is-local-video video,
.iwc-result-comment-winner .iwc-result-hero-thumb .iwc-final-media:not(.iwc-media-player) img,
.iwc-final-thumb.iwc-result-hero-thumb .iwc-final-media.is-local-video video,
.iwc-final-thumb.iwc-result-hero-thumb .iwc-final-media:not(.iwc-media-player) img{
  width:auto !important;
  height:auto !important;
  max-width:100% !important;
  max-height:min(72vh, 860px) !important;
  object-fit:contain !important;
  display:block !important;
}

.iwc-share-page-hero{
  min-height:420px !important;
  max-height:none !important;
}

.iwc-share-page-hero > .iwc-share-page-media.is-local-video,
.iwc-share-page-hero > .iwc-share-page-media:not(.iwc-media-player){
  width:100% !important;
  min-height:420px !important;
  max-height:min(72vh, 860px) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
}

.iwc-share-page-hero > .iwc-share-page-media.is-local-video video,
.iwc-share-page-hero > .iwc-share-page-media:not(.iwc-media-player) img{
  width:auto !important;
  height:auto !important;
  max-width:100% !important;
  max-height:min(72vh, 860px) !important;
  object-fit:contain !important;
  display:block !important;
}

.thumb{
  min-height:360px !important;
}

.thumb > .thumb.is-local-video,
.thumb > .thumb:not(.iwc-media-player){
  width:100% !important;
  min-height:360px !important;
  max-height:560px !important;
  overflow:hidden !important;
}

.thumb > .thumb.is-local-video video,
.thumb > .thumb:not(.iwc-media-player) img{
  max-height:560px !important;
}

@media (max-width: 680px){
  .iwc-result-comment-winner .iwc-result-hero-thumb,
  .iwc-final-thumb.iwc-result-hero-thumb,
  .iwc-result-comment-winner .iwc-result-hero-thumb .iwc-final-media.is-local-video,
  .iwc-result-comment-winner .iwc-result-hero-thumb .iwc-final-media:not(.iwc-media-player),
  .iwc-final-thumb.iwc-result-hero-thumb .iwc-final-media.is-local-video,
  .iwc-final-thumb.iwc-result-hero-thumb .iwc-final-media:not(.iwc-media-player),
  .iwc-share-page-hero,
  .iwc-share-page-hero > .iwc-share-page-media.is-local-video,
  .iwc-share-page-hero > .iwc-share-page-media:not(.iwc-media-player){
    min-height:280px !important;
    max-height:min(58vh, 560px) !important;
  }

  .iwc-result-comment-winner .iwc-result-hero-thumb .iwc-final-media.is-local-video video,
  .iwc-result-comment-winner .iwc-result-hero-thumb .iwc-final-media:not(.iwc-media-player) img,
  .iwc-final-thumb.iwc-result-hero-thumb .iwc-final-media.is-local-video video,
  .iwc-final-thumb.iwc-result-hero-thumb .iwc-final-media:not(.iwc-media-player) img,
  .iwc-share-page-hero > .iwc-share-page-media.is-local-video video,
  .iwc-share-page-hero > .iwc-share-page-media:not(.iwc-media-player) img{
    max-height:min(58vh, 560px) !important;
  }

  .thumb,
  .thumb > .thumb.is-local-video,
  .thumb > .thumb:not(.iwc-media-player){
    min-height:240px !important;
    max-height:420px !important;
  }

  .thumb > .thumb.is-local-video video,
  .thumb > .thumb:not(.iwc-media-player) img{
    max-height:420px !important;
  }
}


/* ===== 2026-04-02 result winner clean box redesign ===== */
.iwc-result-comment-winner{
  display:grid;
  grid-template-columns:1fr;
  gap:16px;
  align-content:start;
}

.iwc-result-comment-winner .iwc-result-card-topline{
  width:100%;
  margin:0;
}

.iwc-result-comment-winner .iwc-result-hero-wrap{
  display:grid !important;
  grid-template-rows:auto auto;
  gap:16px;
  width:100%;
  margin:0 !important;
  overflow:visible !important;
}

.iwc-result-comment-winner .iwc-result-hero-overlay{
  position:relative !important;
  inset:auto !important;
  order:0;
  width:100%;
  padding:0 !important;
  display:grid !important;
  gap:10px;
  justify-items:center;
  text-align:center;
}

.iwc-result-comment-winner .iwc-result-hero-overlay .iwc-result-winner-meta{
  width:100%;
  justify-content:center;
}

.iwc-result-comment-winner .iwc-result-hero-overlay .iwc-final-title-wrap{
  width:min(100%, 860px);
  margin:0 auto;
}

.iwc-result-comment-winner .iwc-result-hero-overlay .iwc-final-title{
  text-align:center;
  font-size:clamp(30px, 4.1vw, 52px);
  line-height:1.08;
  word-break:keep-all;
}

.iwc-result-comment-winner .iwc-result-hero-thumb,
.iwc-final-thumb.iwc-result-hero-thumb{
  width:min(100%, 760px) !important;
  min-height:380px !important;
  max-height:min(68vh, 820px) !important;
  height:auto !important;
  margin:0 auto !important;
  padding:16px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:30px !important;
  overflow:hidden !important;
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02)), #09111f !important;
  border:1px solid rgba(255,255,255,.08) !important;
  box-shadow:0 24px 70px rgba(2,6,23,.38) !important;
}

.iwc-result-comment-winner .iwc-result-hero-thumb::before,
.iwc-result-comment-winner .iwc-result-hero-thumb::after,
.iwc-final-thumb.iwc-result-hero-thumb::before,
.iwc-final-thumb.iwc-result-hero-thumb::after{
  display:none !important;
}

.iwc-result-comment-winner .iwc-result-hero-thumb .iwc-final-media.is-local-video,
.iwc-result-comment-winner .iwc-result-hero-thumb .iwc-final-media:not(.iwc-media-player),
.iwc-final-thumb.iwc-result-hero-thumb .iwc-final-media.is-local-video,
.iwc-final-thumb.iwc-result-hero-thumb .iwc-final-media:not(.iwc-media-player){
  width:100% !important;
  height:100% !important;
  display:grid !important;
  place-items:center !important;
  overflow:hidden !important;
  border-radius:22px !important;
  background:transparent !important;
}

.iwc-result-comment-winner .iwc-result-hero-thumb .iwc-final-media.is-local-video video,
.iwc-result-comment-winner .iwc-result-hero-thumb .iwc-final-media:not(.iwc-media-player) img,
.iwc-final-thumb.iwc-result-hero-thumb .iwc-final-media.is-local-video video,
.iwc-final-thumb.iwc-result-hero-thumb .iwc-final-media:not(.iwc-media-player) img{
  width:auto !important;
  height:auto !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  aspect-ratio:auto !important;
  transform:none !important;
  border-radius:22px !important;
  margin:0 auto !important;
  display:block !important;
  background:transparent !important;
  box-shadow:none !important;
}

.iwc-share-page-hero{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:18px !important;
  min-height:0 !important;
  height:auto !important;
  padding:22px !important;
  overflow:visible !important;
}

.iwc-share-page-hero::after{
  display:none !important;
}

.iwc-share-page-hero-caption{
  position:relative !important;
  inset:auto !important;
  order:0;
  width:100%;
  z-index:2;
  display:grid !important;
  gap:10px;
  justify-items:center;
  text-align:center;
  padding:0 !important;
}

.iwc-share-page-hero-caption .iwc-result-winner-meta{
  justify-content:center;
}

.iwc-share-page-hero-caption .iwc-final-title-wrap{
  width:min(100%, 820px);
  margin:0 auto;
}

.iwc-share-page-hero-caption .iwc-final-title{
  text-align:center;
  font-size:clamp(28px, 4.4vw, 52px) !important;
  line-height:1.08;
  word-break:keep-all;
}

.iwc-share-page-hero > .iwc-share-page-media.is-local-video,
.iwc-share-page-hero > .iwc-share-page-media:not(.iwc-media-player){
  order:1;
  width:min(100%, 760px) !important;
  min-height:360px !important;
  max-height:min(68vh, 820px) !important;
  padding:16px !important;
  margin:0 auto !important;
  display:grid !important;
  place-items:center !important;
  overflow:hidden !important;
  border-radius:30px !important;
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02)), #09111f !important;
  border:1px solid rgba(255,255,255,.08) !important;
  box-shadow:0 24px 70px rgba(2,6,23,.34) !important;
}

.iwc-share-page-hero > .iwc-share-page-media.is-local-video video,
.iwc-share-page-hero > .iwc-share-page-media:not(.iwc-media-player) img{
  width:auto !important;
  height:auto !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  aspect-ratio:auto !important;
  margin:0 auto !important;
  display:block !important;
  border-radius:22px !important;
  box-shadow:none !important;
  background:transparent !important;
}

@media (max-width: 780px){
  .iwc-result-comment-winner .iwc-result-hero-thumb,
  .iwc-final-thumb.iwc-result-hero-thumb,
  .iwc-share-page-hero > .iwc-share-page-media.is-local-video,
  .iwc-share-page-hero > .iwc-share-page-media:not(.iwc-media-player){
    min-height:260px !important;
    max-height:min(58vh, 560px) !important;
    padding:12px !important;
    border-radius:24px !important;
  }

  .iwc-result-comment-winner .iwc-result-hero-thumb .iwc-final-media.is-local-video video,
  .iwc-result-comment-winner .iwc-result-hero-thumb .iwc-final-media:not(.iwc-media-player) img,
  .iwc-final-thumb.iwc-result-hero-thumb .iwc-final-media.is-local-video video,
  .iwc-final-thumb.iwc-result-hero-thumb .iwc-final-media:not(.iwc-media-player) img,
  .iwc-share-page-hero > .iwc-share-page-media.is-local-video video,
  .iwc-share-page-hero > .iwc-share-page-media:not(.iwc-media-player) img{
    border-radius:18px !important;
  }

  .iwc-share-page-hero{
    padding:16px !important;
    gap:14px !important;
  }
}


/* ===== 2026-04-02 result media separation rebuild ===== */
.iwc-result-comment-winner,
.iwc-share-page-card{
  --iwc-result-local-maxw: 760px;
  --iwc-result-local-maxh: min(72vh, 980px);
  --iwc-result-external-maxw: 760px;
}

.iwc-result-comment-winner .iwc-result-hero-header,
.iwc-share-page-hero-header{
  display:grid !important;
  gap:12px !important;
  justify-items:center !important;
  text-align:center !important;
  width:100% !important;
  margin:0 auto 16px !important;
  position:relative !important;
  z-index:2 !important;
}

.iwc-result-comment-winner .iwc-result-hero-header .iwc-result-winner-meta,
.iwc-share-page-hero-header .iwc-result-winner-meta{
  justify-content:center !important;
}

.iwc-result-comment-winner .iwc-result-hero-header .iwc-final-title-wrap,
.iwc-share-page-hero-header .iwc-final-title-wrap{
  width:min(100%, 860px) !important;
  margin:0 auto !important;
}

.iwc-result-comment-winner .iwc-result-hero-header .iwc-final-title,
.iwc-share-page-hero-header .iwc-final-title{
  text-align:center !important;
  word-break:keep-all !important;
  line-height:1.08 !important;
}

.iwc-result-comment-winner .iwc-result-hero-overlay,
.iwc-share-page-hero-caption{
  display:none !important;
}

.iwc-result-comment-winner .iwc-result-hero-wrap,
.iwc-share-page-hero{
  width:min(100%, calc(var(--iwc-result-local-maxw) + 44px)) !important;
  margin:0 auto !important;
  padding:22px !important;
  border-radius:32px !important;
  background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018)), #09111f !important;
  border:1px solid rgba(255,255,255,.08) !important;
  box-shadow:0 24px 70px rgba(2,6,23,.34) !important;
  position:relative !important;
  overflow:hidden !important;
  min-height:0 !important;
  height:auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.iwc-result-comment-winner .iwc-result-hero-wrap::after,
.iwc-share-page-hero::after,
.iwc-result-comment-winner .iwc-result-hero-thumb::before,
.iwc-result-comment-winner .iwc-result-hero-thumb::after,
.iwc-final-thumb.iwc-result-hero-thumb::before,
.iwc-final-thumb.iwc-result-hero-thumb::after{
  display:none !important;
}

.iwc-result-comment-winner .iwc-result-hero-backdrop,
.iwc-share-page-hero .iwc-result-hero-backdrop{
  position:absolute !important;
  inset:0 !important;
  border-radius:inherit !important;
  background:radial-gradient(circle at 50% 18%, rgba(96,165,250,.12), transparent 56%), radial-gradient(circle at 50% 100%, rgba(236,72,153,.08), transparent 44%) !important;
  pointer-events:none !important;
}

.iwc-result-comment-winner .iwc-result-hero-thumb,
.iwc-final-thumb.iwc-result-hero-thumb,
.iwc-share-page-hero > .iwc-share-page-media{
  position:relative !important;
  z-index:1 !important;
  margin:0 auto !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  padding:0 !important;
}

/* local media: let box grow with media, but keep max height */
.iwc-result-comment-winner .iwc-result-hero-wrap--local,
.iwc-share-page-hero--local{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.iwc-result-comment-winner .iwc-result-hero-wrap--local .iwc-result-hero-thumb,
.iwc-final-thumb.iwc-result-hero-thumb,
.iwc-share-page-hero--local > .iwc-share-page-media{
  width:auto !important;
  max-width:100% !important;
  min-height:0 !important;
  max-height:none !important;
  overflow:visible !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.iwc-result-comment-winner .iwc-result-hero-wrap--local .iwc-result-hero-thumb .iwc-final-media.is-local-video,
.iwc-result-comment-winner .iwc-result-hero-wrap--local .iwc-result-hero-thumb .iwc-final-media:not(.iwc-media-player),
.iwc-share-page-hero--local > .iwc-share-page-media.is-local-video,
.iwc-share-page-hero--local > .iwc-share-page-media:not(.iwc-media-player),
.thumb.thumb--local > .thumb.is-local-video,
.thumb.thumb--local > .thumb:not(.iwc-media-player){
  width:auto !important;
  height:auto !important;
  max-width:100% !important;
  max-height:var(--iwc-result-local-maxh) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:visible !important;
  border-radius:22px !important;
  background:transparent !important;
}

.iwc-result-comment-winner .iwc-result-hero-wrap--local .iwc-result-hero-thumb .iwc-final-media.is-local-video video,
.iwc-result-comment-winner .iwc-result-hero-wrap--local .iwc-result-hero-thumb .iwc-final-media:not(.iwc-media-player) img,
.iwc-share-page-hero--local > .iwc-share-page-media.is-local-video video,
.iwc-share-page-hero--local > .iwc-share-page-media:not(.iwc-media-player) img,
.thumb.thumb--local > .thumb.is-local-video video,
.thumb.thumb--local > .thumb:not(.iwc-media-player) img{
  display:block !important;
  width:auto !important;
  height:auto !important;
  max-width:100% !important;
  max-height:var(--iwc-result-local-maxh) !important;
  object-fit:contain !important;
  aspect-ratio:auto !important;
  margin:0 auto !important;
  border-radius:22px !important;
  background:transparent !important;
  box-shadow:none !important;
}

/* external media: dedicated fixed-ratio player frame */
.iwc-result-comment-winner .iwc-result-hero-wrap--external,
.iwc-share-page-hero--external{
  display:block !important;
}

.iwc-result-comment-winner .iwc-result-hero-wrap--external .iwc-result-hero-thumb,
.iwc-share-page-hero--external > .iwc-share-page-media,
.thumb.thumb--external > .thumb.iwc-media-player{
  width:100% !important;
  max-width:var(--iwc-result-external-maxw) !important;
  aspect-ratio:16 / 9 !important;
  min-height:360px !important;
  border-radius:24px !important;
  overflow:hidden !important;
  background:#000 !important;
  display:block !important;
}

.iwc-result-comment-winner .iwc-result-hero-wrap--external .iwc-result-hero-thumb .iwc-final-media.iwc-media-player,
.iwc-share-page-hero--external > .iwc-share-page-media.iwc-media-player{
  width:100% !important;
  height:100% !important;
  display:block !important;
  background:#000 !important;
}

.iwc-result-comment-winner .iwc-result-hero-wrap--external .iwc-result-hero-thumb .iwc-final-media iframe,
.iwc-result-comment-winner .iwc-result-hero-wrap--external .iwc-result-hero-thumb .iwc-final-media .iwc-yt-segment-wrap,
.iwc-result-comment-winner .iwc-result-hero-wrap--external .iwc-result-hero-thumb .iwc-final-media .iwc-yt-segment-player,
.iwc-result-comment-winner .iwc-result-hero-wrap--external .iwc-result-hero-thumb .iwc-final-media .iwc-yt-segment-mount,
.iwc-share-page-hero--external > .iwc-share-page-media iframe,
.iwc-share-page-hero--external > .iwc-share-page-media .iwc-yt-segment-wrap,
.iwc-share-page-hero--external > .iwc-share-page-media .iwc-yt-segment-player,
.iwc-share-page-hero--external > .iwc-share-page-media .iwc-yt-segment-mount,
.thumb.thumb--external > .thumb.iwc-media-player iframe,
.thumb.thumb--external > .thumb.iwc-media-player .iwc-yt-segment-wrap,
.thumb.thumb--external > .thumb.iwc-media-player .iwc-yt-segment-player,
.thumb.thumb--external > .thumb.iwc-media-player .iwc-yt-segment-mount{
  width:100% !important;
  height:100% !important;
  display:block !important;
}

.iwc-result-comment-winner .iwc-final-sub,
.iwc-result-comment-winner .iwc-result-winner-caption{
  text-align:center !important;
}

@media (max-width: 780px){
  .iwc-result-comment-winner,
  .iwc-share-page-card{
    --iwc-result-local-maxh: min(64vh, 620px);
    --iwc-result-external-maxw: 100%;
  }

  .iwc-result-comment-winner .iwc-result-hero-wrap,
  .iwc-share-page-hero,
  .thumb.thumb--local,
  .thumb.thumb--external{
    padding:14px !important;
    border-radius:24px !important;
  }

  .iwc-result-comment-winner .iwc-result-hero-wrap--external .iwc-result-hero-thumb,
  .iwc-share-page-hero--external > .iwc-share-page-media,
  .thumb.thumb--external > .thumb.iwc-media-player{
    min-height:240px !important;
    border-radius:18px !important;
  }

  .iwc-result-comment-winner .iwc-result-hero-wrap--local .iwc-result-hero-thumb .iwc-final-media.is-local-video video,
  .iwc-result-comment-winner .iwc-result-hero-wrap--local .iwc-result-hero-thumb .iwc-final-media:not(.iwc-media-player) img,
  .iwc-share-page-hero--local > .iwc-share-page-media.is-local-video video,
  .iwc-share-page-hero--local > .iwc-share-page-media:not(.iwc-media-player) img,
  .thumb.thumb--local > .thumb.is-local-video video,
  .thumb.thumb--local > .thumb:not(.iwc-media-player) img{
    border-radius:18px !important;
  }
}


/* ===== 2026-04-02 local result media fill frame while keeping intrinsic ratio ===== */
.iwc-result-comment-winner,
.iwc-share-page-card{
  --iwc-result-local-frame-h: clamp(360px, 68vh, 860px);
}

.iwc-result-comment-winner .iwc-result-hero-wrap--local .iwc-result-hero-thumb,
.iwc-share-page-hero--local > .iwc-share-page-media,
.thumb.thumb--local{
  width:min(100%, var(--iwc-result-local-maxw)) !important;
  height:var(--iwc-result-local-frame-h) !important;
  max-height:var(--iwc-result-local-frame-h) !important;
  min-height:0 !important;
  overflow:hidden !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.iwc-result-comment-winner .iwc-result-hero-wrap--local .iwc-result-hero-thumb .iwc-final-media.is-local-video,
.iwc-result-comment-winner .iwc-result-hero-wrap--local .iwc-result-hero-thumb .iwc-final-media:not(.iwc-media-player),
.iwc-share-page-hero--local > .iwc-share-page-media.is-local-video,
.iwc-share-page-hero--local > .iwc-share-page-media:not(.iwc-media-player),
.thumb.thumb--local > .thumb.is-local-video,
.thumb.thumb--local > .thumb:not(.iwc-media-player){
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  min-height:0 !important;
  overflow:hidden !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.iwc-result-comment-winner .iwc-result-hero-wrap--local .iwc-result-hero-thumb .iwc-final-media.is-local-video video,
.iwc-result-comment-winner .iwc-result-hero-wrap--local .iwc-result-hero-thumb .iwc-final-media:not(.iwc-media-player) img,
.iwc-share-page-hero--local > .iwc-share-page-media.is-local-video video,
.iwc-share-page-hero--local > .iwc-share-page-media:not(.iwc-media-player) img,
.thumb.thumb--local > .thumb.is-local-video video,
.thumb.thumb--local > .thumb:not(.iwc-media-player) img{
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  margin:0 auto !important;
}

@media (max-width: 780px){
  .iwc-result-comment-winner,
  .iwc-share-page-card{
    --iwc-result-local-frame-h: clamp(260px, 58vh, 560px);
  }
}

/* ===== 2026-04-02 disable result modal winner hover wobble ===== */
.iwc-modal-result .iwc-result-comment-winner,
.iwc-modal-result .iwc-result-comment-winner.is-hover,
.iwc-modal-result .iwc-result-comment-winner:hover{
  --iwc-tilt-x:0deg !important;
  --iwc-tilt-y:0deg !important;
  --iwc-shift-x:0px !important;
  --iwc-shift-y:0px !important;
  --iwc-glow-x:50% !important;
  --iwc-glow-y:38% !important;
  transform:none !important;
  transition:none !important;
  box-shadow:none !important;
}
.iwc-modal-result .iwc-result-comment-winner .iwc-result-hero-thumb,
.iwc-modal-result .iwc-result-comment-winner .iwc-final-title-wrap,
.iwc-modal-result .iwc-result-comment-winner .iwc-result-winner-meta,
.iwc-modal-result .iwc-result-comment-winner .iwc-final-sub,
.iwc-modal-result .iwc-result-comment-winner .iwc-result-winner-caption,
.iwc-modal-result .iwc-result-comment-winner .iwc-final-crown,
.iwc-modal-result .iwc-result-comment-winner.is-hover .iwc-result-hero-thumb img,
.iwc-modal-result .iwc-result-comment-winner:hover .iwc-result-hero-thumb img{
  transform:none !important;
  transition:none !important;
  filter:none !important;
}
.iwc-modal-result .iwc-result-comment-winner .iwc-result-hero-backdrop,
.iwc-modal-result .iwc-result-comment-winner.is-hover .iwc-result-hero-backdrop,
.iwc-modal-result .iwc-result-comment-winner:hover .iwc-result-hero-backdrop{
  transition:none !important;
}

/* ===== 2026-04-02 share page media area match result modal ===== */
.iwc-share-page-card{
  --iwc-result-local-maxw:760px !important;
  --iwc-result-local-frame-h: clamp(320px, 62vh, 760px) !important;
  --iwc-result-external-maxw:760px !important;
}

.iwc-share-page-card .iwc-share-page-hero{
  width:min(100%, calc(var(--iwc-result-local-maxw) + 44px)) !important;
  margin:0 auto !important;
  padding:22px !important;
  border-radius:32px !important;
  background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018)), #09111f !important;
  border:1px solid rgba(255,255,255,.08) !important;
  box-shadow:0 24px 70px rgba(2,6,23,.34) !important;
  position:relative !important;
  overflow:hidden !important;
  min-height:0 !important;
  height:auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  transform:none !important;
  transition:none !important;
}

.iwc-share-page-card .iwc-share-page-hero:hover,
.iwc-share-page-card .iwc-share-page-hero:focus-within{
  transform:none !important;
  box-shadow:0 24px 70px rgba(2,6,23,.34) !important;
}

.iwc-share-page-card .iwc-share-page-hero::after,
.iwc-share-page-card .iwc-share-page-hero::before{
  display:none !important;
}

.iwc-share-page-card .iwc-share-page-hero > .iwc-share-page-media{
  position:relative !important;
  z-index:1 !important;
  margin:0 auto !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  padding:0 !important;
}

.iwc-share-page-card .iwc-share-page-hero--local > .iwc-share-page-media{
  width:min(100%, var(--iwc-result-local-maxw)) !important;
  height:var(--iwc-result-local-frame-h) !important;
  max-height:var(--iwc-result-local-frame-h) !important;
  min-height:0 !important;
  overflow:hidden !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.iwc-share-page-card .iwc-share-page-hero--local > .iwc-share-page-media.is-local-video,
.iwc-share-page-card .iwc-share-page-hero--local > .iwc-share-page-media:not(.iwc-media-player){
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  min-height:0 !important;
  overflow:hidden !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:22px !important;
}

.iwc-share-page-card .iwc-share-page-hero--local > .iwc-share-page-media.is-local-video video,
.iwc-share-page-card .iwc-share-page-hero--local > .iwc-share-page-media:not(.iwc-media-player) img{
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  margin:0 auto !important;
  display:block !important;
  border-radius:22px !important;
}

.iwc-share-page-card .iwc-share-page-hero--external > .iwc-share-page-media,
.iwc-share-page-card .iwc-share-page-hero--external > .iwc-share-page-media.iwc-media-player{
  width:100% !important;
  max-width:var(--iwc-result-external-maxw) !important;
  aspect-ratio:16 / 9 !important;
  min-height:360px !important;
  border-radius:24px !important;
  overflow:hidden !important;
  background:#000 !important;
  display:block !important;
}

.iwc-share-page-card .iwc-share-page-hero--external > .iwc-share-page-media iframe,
.iwc-share-page-card .iwc-share-page-hero--external > .iwc-share-page-media .iwc-yt-segment-wrap,
.iwc-share-page-card .iwc-share-page-hero--external > .iwc-share-page-media .iwc-yt-segment-player,
.iwc-share-page-card .iwc-share-page-hero--external > .iwc-share-page-media .iwc-yt-segment-mount{
  width:100% !important;
  height:100% !important;
  display:block !important;
}

@media (max-width: 780px){
  .iwc-share-page-card{
    --iwc-result-local-frame-h: clamp(260px, 58vh, 560px) !important;
    --iwc-result-external-maxw:100% !important;
  }

  .iwc-share-page-card .iwc-share-page-hero{
    padding:14px !important;
    border-radius:24px !important;
  }
}


/* ===== 2026-04-02 share result media rebuilt to match modal ===== */
.iwc-share-page-card--media{
  overflow:visible !important;
}

.iwc-share-page-card--media .iwc-share-page-topline{
  margin-bottom:18px !important;
}

.iwc-share-page-card--media .iwc-share-modal-clone{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:16px !important;
  align-content:start !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  position:relative !important;
  overflow:visible !important;
}

.iwc-share-page-card--media .iwc-share-modal-clone::before,
.iwc-share-page-card--media .iwc-share-modal-clone::after,
.iwc-share-page-card--media .iwc-share-modal-clone .iwc-result-hero-overlay,
.iwc-share-page-card--media .iwc-share-modal-clone > .iwc-result-hero-backdrop,
.iwc-share-page-card--media .iwc-share-modal-clone > .iwc-final-crown,
.iwc-share-page-card--media .iwc-share-modal-clone > .iwc-result-hero-thumb{
  display:none !important;
}

.iwc-share-page-card--media .iwc-share-modal-clone .iwc-result-card-topline{
  width:100% !important;
  margin:0 !important;
}

.iwc-share-page-card--media .iwc-share-modal-clone .iwc-result-hero-header{
  display:grid !important;
  gap:12px !important;
  justify-items:center !important;
  text-align:center !important;
  width:100% !important;
  margin:0 auto !important;
  position:relative !important;
  z-index:2 !important;
}

.iwc-share-page-card--media .iwc-share-modal-clone .iwc-result-winner-meta{
  justify-content:center !important;
}

.iwc-share-page-card--media .iwc-share-modal-clone .iwc-final-title-wrap{
  width:min(100%, 860px) !important;
  margin:0 auto !important;
  padding:0 !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
}

.iwc-share-page-card--media .iwc-share-modal-clone .iwc-final-title-glow{
  display:block !important;
}

.iwc-share-page-card--media .iwc-share-modal-clone .iwc-final-title{
  text-align:center !important;
  font-size:clamp(30px, 4vw, 52px) !important;
  line-height:1.08 !important;
  word-break:keep-all !important;
  color:#f8fbff !important;
}

.iwc-share-page-card--media .iwc-share-modal-clone .iwc-result-hero-wrap{
  position:relative !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  display:block !important;
  overflow:visible !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
}

.iwc-share-page-card--media .iwc-share-modal-clone .iwc-result-hero-wrap .iwc-result-hero-backdrop{
  position:absolute !important;
  inset:20px 28px !important;
  border-radius:28px !important;
  background:radial-gradient(circle at 20% 20%, rgba(81,130,255,.16), transparent 34%),
             radial-gradient(circle at 78% 24%, rgba(157,97,255,.14), transparent 30%),
             linear-gradient(135deg, rgba(255,255,255,.04), rgba(255,255,255,.015)) !important;
  border:1px solid rgba(255,255,255,.06) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05) !important;
  display:block !important;
  pointer-events:none !important;
  z-index:0 !important;
}

.iwc-share-page-card--media .iwc-share-modal-clone .iwc-result-hero-thumb{
  position:relative !important;
  z-index:1 !important;
  width:min(100%, 760px) !important;
  margin:0 auto !important;
  padding:16px !important;
  border-radius:30px !important;
  background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018)), #09111f !important;
  border:1px solid rgba(255,255,255,.08) !important;
  box-shadow:0 24px 70px rgba(2,6,23,.34) !important;
  overflow:hidden !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:clamp(320px, 62vh, 760px) !important;
  max-height:min(72vh, 960px) !important;
}

.iwc-share-page-card--media .iwc-share-modal-clone.iwc-result-comment-winner--external .iwc-result-hero-thumb{
  padding:0 !important;
  background:#000 !important;
  min-height:auto !important;
  max-height:none !important;
  aspect-ratio:16 / 9 !important;
}

.iwc-share-page-card--media .iwc-share-modal-clone .iwc-result-hero-thumb::before,
.iwc-share-page-card--media .iwc-share-modal-clone .iwc-result-hero-thumb::after{
  display:none !important;
}

.iwc-share-page-card--media .iwc-share-modal-clone .iwc-result-hero-thumb .iwc-final-media.is-local-video,
.iwc-share-page-card--media .iwc-share-modal-clone .iwc-result-hero-thumb .iwc-final-media:not(.iwc-media-player){
  width:100% !important;
  height:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
  border-radius:22px !important;
  background:transparent !important;
}

.iwc-share-page-card--media .iwc-share-modal-clone .iwc-result-hero-thumb .iwc-final-media.is-local-video video,
.iwc-share-page-card--media .iwc-share-modal-clone .iwc-result-hero-thumb .iwc-final-media:not(.iwc-media-player) img{
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  display:block !important;
  margin:0 auto !important;
  object-fit:contain !important;
  object-position:center center !important;
  aspect-ratio:auto !important;
  border-radius:22px !important;
  background:transparent !important;
  box-shadow:none !important;
}

.iwc-share-page-card--media .iwc-share-modal-clone.iwc-result-comment-winner--external .iwc-result-hero-thumb .iwc-final-media,
.iwc-share-page-card--media .iwc-share-modal-clone.iwc-result-comment-winner--external .iwc-result-hero-thumb .iwc-final-media.iwc-media-player{
  width:100% !important;
  height:100% !important;
  display:block !important;
  border-radius:24px !important;
  overflow:hidden !important;
  background:#000 !important;
}

.iwc-share-page-card--media .iwc-share-modal-clone.iwc-result-comment-winner--external .iwc-result-hero-thumb iframe,
.iwc-share-page-card--media .iwc-share-modal-clone.iwc-result-comment-winner--external .iwc-result-hero-thumb .iwc-yt-segment-wrap,
.iwc-share-page-card--media .iwc-share-modal-clone.iwc-result-comment-winner--external .iwc-result-hero-thumb .iwc-yt-segment-player,
.iwc-share-page-card--media .iwc-share-modal-clone.iwc-result-comment-winner--external .iwc-result-hero-thumb .iwc-yt-segment-mount{
  width:100% !important;
  height:100% !important;
  display:block !important;
}

.iwc-share-page-card--media .iwc-share-modal-clone .iwc-final-sub,
.iwc-share-page-card--media .iwc-share-modal-clone .iwc-result-winner-caption{
  text-align:center !important;
}

@media (max-width: 780px){
  .iwc-share-page-card--media .iwc-share-modal-clone .iwc-result-hero-wrap .iwc-result-hero-backdrop{
    inset:12px 12px !important;
    border-radius:22px !important;
  }

  .iwc-share-page-card--media .iwc-share-modal-clone .iwc-result-hero-thumb{
    padding:12px !important;
    border-radius:24px !important;
    min-height:clamp(260px, 58vh, 560px) !important;
  }

  .iwc-share-page-card--media .iwc-share-modal-clone .iwc-result-hero-thumb .iwc-final-media.is-local-video,
  .iwc-share-page-card--media .iwc-share-modal-clone .iwc-result-hero-thumb .iwc-final-media:not(.iwc-media-player),
  .iwc-share-page-card--media .iwc-share-modal-clone .iwc-result-hero-thumb .iwc-final-media.is-local-video video,
  .iwc-share-page-card--media .iwc-share-modal-clone .iwc-result-hero-thumb .iwc-final-media:not(.iwc-media-player) img{
    border-radius:18px !important;
  }
}

/* ===== share page redesign (2026-04-02) ===== */
.iwc-share-page--redesign{
  min-height:100vh;
  background:
    radial-gradient(circle at top left, rgba(59,130,246,.18), transparent 30%),
    radial-gradient(circle at bottom right, rgba(168,85,247,.16), transparent 34%),
    #06101d;
}

.iwc-share-page--redesign .iwc-share-shell{
  width:min(1320px, calc(100% - 32px));
  margin:0 auto;
  padding:28px 0 56px;
}

.iwc-share-page--redesign .iwc-share-hero-band{
  display:grid;
  grid-template-columns:minmax(0, 1.15fr) auto;
  gap:20px;
  align-items:start;
  padding:24px 26px;
  margin-bottom:22px;
  border-radius:30px;
  background:linear-gradient(180deg, rgba(9,16,31,.94), rgba(7,12,24,.98));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 26px 80px rgba(2,6,23,.28);
}

.iwc-share-page--redesign .iwc-share-hero-copy{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.iwc-share-page--redesign .iwc-share-hero-copy .iwc-badge{
  width:max-content;
}

.iwc-share-page--redesign .iwc-share-hero-copy h1{
  margin:0;
  font-size:38px;
  line-height:1.04;
  font-weight:900;
  letter-spacing:-.04em;
}

.iwc-share-page--redesign .iwc-share-hero-copy p{
  margin:0;
  max-width:760px;
  color:rgba(226,236,255,.72);
  font-size:15px;
  line-height:1.72;
}

.iwc-share-page--redesign .iwc-share-hero-chips{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.iwc-share-page--redesign .iwc-share-hero-chips span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:11px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.08);
  color:#dfeaff;
  font-size:13px;
}

.iwc-share-page--redesign .iwc-share-hero-chips strong{
  color:#fff;
  font-weight:900;
}

.iwc-share-page--redesign .iwc-share-hero-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  align-self:center;
  gap:10px;
}

.iwc-share-page--redesign .iwc-share-layout{
  display:grid;
  grid-template-columns:minmax(0, 1.22fr) minmax(320px, .78fr);
  gap:22px;
  align-items:start;
}

.iwc-share-page--redesign .iwc-share-stage-card,
.iwc-share-page--redesign .iwc-share-side-card{
  border-radius:30px;
  background:linear-gradient(180deg, rgba(9,16,31,.95), rgba(6,11,23,.99));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 24px 64px rgba(2,6,23,.26);
}

.iwc-share-page--redesign .iwc-share-stage-card{
  padding:22px;
}

.iwc-share-page--redesign .iwc-share-stage-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:18px;
  flex-wrap:wrap;
}

.iwc-share-page--redesign .iwc-share-stage-title{
  display:flex;
  flex-direction:column;
  gap:8px;
}

.iwc-share-page--redesign .iwc-share-stage-title strong{
  font-size:32px;
  line-height:1.12;
  font-weight:900;
  letter-spacing:-.04em;
}

.iwc-share-page--redesign .iwc-share-stage-title span{
  color:rgba(226,236,255,.64);
  font-size:14px;
}

.iwc-share-page--redesign .iwc-share-stage-badges{
  display:flex;
  align-items:center;
  gap:10px;
}

.iwc-share-page--redesign .iwc-share-media-card{
  display:flex;
  flex-direction:column;
  gap:18px;
  padding:22px;
  border-radius:28px;
  background:
    radial-gradient(circle at top left, rgba(59,130,246,.14), transparent 36%),
    linear-gradient(180deg, rgba(13,22,41,.95), rgba(7,12,24,.98));
  border:1px solid rgba(255,255,255,.08);
}

.iwc-share-page--redesign .iwc-share-media-top{
  display:flex;
  flex-direction:column;
  gap:12px;
  align-items:center;
  text-align:center;
}

.iwc-share-page--redesign .iwc-share-winner-name{
  margin:0;
  font-size:clamp(30px, 4vw, 56px);
  line-height:1.02;
  font-weight:900;
  letter-spacing:-.05em;
  text-shadow:0 14px 30px rgba(2,6,23,.28);
}

.iwc-share-page--redesign .iwc-share-media-frame{
  position:relative;
  padding:18px;
  border-radius:28px;
  background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015));
  border:1px solid rgba(255,255,255,.07);
  overflow:hidden;
}

.iwc-share-page--redesign .iwc-share-media-backdrop{
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 20% 12%, rgba(255,255,255,.085), transparent 24%),
    radial-gradient(circle at 82% 88%, rgba(99,102,241,.12), transparent 22%),
    linear-gradient(135deg, rgba(255,255,255,.025), rgba(255,255,255,.01));
  pointer-events:none;
}

.iwc-share-page--redesign .iwc-share-media-view{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:24px;
  overflow:hidden;
  background:#050b16;
  min-height:min(66vh, 760px);
}

.iwc-share-page--redesign .iwc-share-media-view--local .iwc-final-media,
.iwc-share-page--redesign .iwc-share-media-view--local .iwc-media-player,
.iwc-share-page--redesign .iwc-share-media-view--local .iwc-noimg{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:min(66vh, 760px);
}

.iwc-share-page--redesign .iwc-share-media-view--local img,
.iwc-share-page--redesign .iwc-share-media-view--local video{
  display:block;
  max-width:100%;
  max-height:min(66vh, 720px);
  width:auto;
  height:auto;
  margin:0 auto;
  object-fit:contain;
  object-position:center;
  background:#050b16;
}

.iwc-share-page--redesign .iwc-share-media-view--external .iwc-final-media,
.iwc-share-page--redesign .iwc-share-media-view--external .iwc-media-player{
  width:100%;
}

.iwc-share-page--redesign .iwc-share-media-view--external .iwc-media-player{
  position:relative;
  width:100%;
  aspect-ratio:16 / 9;
  background:#000;
}

.iwc-share-page--redesign .iwc-share-media-view--external .iwc-media-player iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
  display:block;
}

.iwc-share-page--redesign .iwc-share-media-bottom{
  display:flex;
  flex-direction:column;
  gap:10px;
  align-items:center;
  text-align:center;
}

.iwc-share-page--redesign .iwc-share-media-bottom .iwc-final-sub,
.iwc-share-page--redesign .iwc-share-media-bottom .iwc-result-winner-caption{
  margin:0;
}

.iwc-share-page--redesign .iwc-share-side-panel{
  display:flex;
  flex-direction:column;
  gap:18px;
}

.iwc-share-page--redesign .iwc-share-side-card{
  padding:18px;
}

.iwc-share-page--redesign .iwc-result-section-head{
  margin-bottom:14px;
}

.iwc-share-page--redesign .iwc-share-stat-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:10px;
}

.iwc-share-page--redesign .iwc-share-stat-box,
.iwc-share-page--redesign .iwc-share-linkbox{
  border-radius:20px;
  padding:14px 16px;
  background:rgba(255,255,255,.038);
  border:1px solid rgba(255,255,255,.08);
}

.iwc-share-page--redesign .iwc-share-stat-box span{
  display:block;
  color:rgba(226,236,255,.62);
  font-size:12px;
  margin-bottom:8px;
}

.iwc-share-page--redesign .iwc-share-stat-box strong{
  display:block;
  font-size:17px;
  line-height:1.25;
  font-weight:900;
  word-break:break-word;
}

.iwc-share-page--redesign .iwc-share-linkbox{
  color:#f8fbff;
  font-size:14px;
  line-height:1.7;
  word-break:break-all;
}

.iwc-share-page--redesign .iwc-share-grid{
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:12px;
}

.iwc-share-page--redesign .iwc-share-btn{
  min-height:68px;
  border-radius:20px;
  justify-content:flex-start;
  padding:16px 18px;
  background:linear-gradient(180deg, rgba(10,17,31,.94), rgba(8,12,23,.98));
  border:1px solid rgba(255,255,255,.09);
  box-shadow:none;
}

.iwc-share-page--redesign .iwc-share-btn:hover{
  transform:none;
  box-shadow:none;
  border-color:rgba(96,165,250,.42);
}

.iwc-share-page--redesign .iwc-share-btn span{
  font-weight:800;
}

.iwc-share-page--redesign .iwc-share-page-footnote{
  margin:0;
  color:rgba(226,236,255,.58);
  font-size:13px;
  line-height:1.8;
}

@media (max-width: 1100px){
  .iwc-share-page--redesign .iwc-share-layout{
    grid-template-columns:1fr;
  }
  .iwc-share-page--redesign .iwc-share-hero-band{
    grid-template-columns:1fr;
  }
  .iwc-share-page--redesign .iwc-share-hero-actions{
    justify-content:flex-start;
  }
}

@media (max-width: 767px){
  .iwc-share-page--redesign .iwc-share-shell{
    width:min(100% - 18px, 100%);
    padding:18px 0 34px;
  }
  .iwc-share-page--redesign .iwc-share-hero-band,
  .iwc-share-page--redesign .iwc-share-stage-card,
  .iwc-share-page--redesign .iwc-share-side-card{
    border-radius:24px;
  }
  .iwc-share-page--redesign .iwc-share-stage-title strong{
    font-size:26px;
  }
  .iwc-share-page--redesign .iwc-share-winner-name{
    font-size:clamp(24px, 7vw, 38px);
  }
  .iwc-share-page--redesign .iwc-share-media-frame{
    padding:12px;
    border-radius:22px;
  }
  .iwc-share-page--redesign .iwc-share-media-view{
    min-height:min(56vh, 560px);
    border-radius:18px;
  }
  .iwc-share-page--redesign .iwc-share-media-view--local .iwc-final-media,
  .iwc-share-page--redesign .iwc-share-media-view--local .iwc-media-player,
  .iwc-share-page--redesign .iwc-share-media-view--local .iwc-noimg{
    min-height:min(56vh, 560px);
  }
  .iwc-share-page--redesign .iwc-share-media-view--local img,
  .iwc-share-page--redesign .iwc-share-media-view--local video{
    max-height:min(56vh, 520px);
  }
  .iwc-share-page--redesign .iwc-share-stat-grid,
  .iwc-share-page--redesign .iwc-share-grid{
    grid-template-columns:1fr;
  }
}


/* ===== 2026-04-02 share page final title visible fix ===== */
.iwc-share-page-card--media .iwc-share-modal-clone .iwc-result-hero-header .iwc-final-title-wrap{
  display:grid !important;
  place-items:center !important;
  position:relative !important;
  width:min(100%, 860px) !important;
  margin:0 auto !important;
  opacity:1 !important;
  visibility:visible !important;
}

.iwc-share-page-card--media .iwc-share-modal-clone .iwc-result-hero-header .iwc-final-title-glow{
  display:block !important;
  opacity:.55 !important;
}

.iwc-share-page-card--media .iwc-share-modal-clone .iwc-result-hero-header .iwc-final-title{
  position:relative !important;
  z-index:1 !important;
  display:block !important;
  opacity:1 !important;
  visibility:visible !important;
  transform:none !important;
  filter:none !important;
  color:#f8fbff !important;
  text-align:center !important;
  text-shadow:0 10px 28px rgba(2,6,23,.42), 0 2px 8px rgba(2,6,23,.28) !important;
}

/* ===== 2026-04-03 share page final sub visible fix ===== */
.iwc-share-page-card--media .iwc-share-modal-clone .iwc-final-sub{
  display:block !important;
  opacity:1 !important;
  visibility:visible !important;
  transform:none !important;
  filter:none !important;
  color:rgba(231,240,255,.82) !important;
  text-align:center !important;
  margin:8px 0 0 !important;
  text-shadow:0 8px 22px rgba(2,6,23,.34) !important;
}

.iwc-share-page-card--media .iwc-share-modal-clone .iwc-share-media-bottom .iwc-final-sub,
.iwc-share-page-card--media .iwc-share-modal-clone .iwc-result-hero-wrap + .iwc-share-media-bottom .iwc-final-sub{
  display:block !important;
}

/* share page thumb width 100% override */
.iwc-share-page .iwc-final-thumb.iwc-result-hero-thumb,
.iwc-result-share-page .iwc-final-thumb.iwc-result-hero-thumb,
body.result-page .iwc-final-thumb.iwc-result-hero-thumb {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 100% !important;
  box-sizing: border-box !important;
}


/* share page media wrapper fill parent width (2026-04-03) */
.iwc-share-page-card--media .iwc-share-modal-clone,
.iwc-share-page-card--media .iwc-share-modal-clone .iwc-result-hero-wrap,
.iwc-share-page-card--media .iwc-share-modal-clone .iwc-result-hero-wrap--local,
.iwc-share-page-card--media .iwc-share-modal-clone .iwc-result-hero-wrap--external{
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  box-sizing:border-box !important;
}

.iwc-share-page-card--media .iwc-share-modal-clone .iwc-result-hero-thumb,
.iwc-share-page .iwc-final-thumb.iwc-result-hero-thumb,
.iwc-result-share-page .iwc-final-thumb.iwc-result-hero-thumb,
body.result-page .iwc-final-thumb.iwc-result-hero-thumb{
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  box-sizing:border-box !important;
  margin-left:0 !important;
  margin-right:0 !important;
}

/* ===== 2026-04-03 mobile VS HUD minimal mode ===== */
@media (max-width: 767px){
  .iwc-vs-topline{
    padding:16px 62px 12px 12px !important;
  }

  .iwc-vs-lobby-head{
    grid-template-columns:minmax(0, 1fr) !important;
    gap:0 !important;
  }

  .iwc-vs-lobby-thumb,
  .iwc-vs-hud-chip-wrap{
    display:none !important;
  }

  .iwc-vs-lobby-meta{
    min-width:0;
    gap:8px;
  }
}

/* ===== 2026-04-03 mobile VS redesign ===== */
@media (max-width: 767px){
  .iwc-vs-cinema-wrap{
    background:
      radial-gradient(circle at 50% -10%, rgba(56,189,248,.16), rgba(56,189,248,0) 28%),
      radial-gradient(circle at 0% 40%, rgba(37,99,235,.18), rgba(37,99,235,0) 28%),
      radial-gradient(circle at 100% 54%, rgba(236,72,153,.18), rgba(236,72,153,0) 28%),
      linear-gradient(180deg, #040814 0%, #09101d 48%, #050912 100%) !important;
  }

  .iwc-cinema-close{
    top:12px !important;
    right:12px !important;
    width:42px !important;
    height:42px !important;
    border-radius:14px !important;
    border:1px solid rgba(148,163,184,.16) !important;
    background:rgba(6,11,22,.74) !important;
    box-shadow:0 14px 30px rgba(2,6,23,.34) !important;
    backdrop-filter:blur(12px) !important;
    -webkit-backdrop-filter:blur(12px) !important;
  }

  .iwc-vs-topline{
    position:sticky !important;
    top:0 !important;
    z-index:30 !important;
    gap:10px !important;
    padding:12px 58px 10px 12px !important;
    background:linear-gradient(180deg, rgba(4,8,20,.96), rgba(4,8,20,.84)) !important;
    border-bottom:1px solid rgba(148,163,184,.10) !important;
    box-shadow:0 14px 34px rgba(2,6,23,.26) !important;
    backdrop-filter:blur(16px) !important;
    -webkit-backdrop-filter:blur(16px) !important;
  }

  .iwc-vs-lobby-head{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:10px !important;
    min-width:0 !important;
  }

  .iwc-vs-lobby-thumb,
  .iwc-vs-hud-chip-wrap{
    display:none !important;
  }

  .iwc-vs-lobby-meta{
    gap:7px !important;
    min-width:0 !important;
  }

  .iwc-vs-kicker{
    min-height:24px !important;
    padding:0 10px !important;
    border-radius:999px !important;
    border:1px solid rgba(96,165,250,.18) !important;
    background:rgba(37,99,235,.10) !important;
    color:#bfdbfe !important;
    font-size:9px !important;
    letter-spacing:.18em !important;
  }

  .iwc-vs-top-title{
    font-size:18px !important;
    line-height:1.22 !important;
    letter-spacing:-.03em !important;
    color:#f8fbff !important;
    word-break:keep-all !important;
  }

  .iwc-vs-progress{
    display:grid !important;
    grid-template-columns:auto minmax(0,1fr) auto !important;
    align-items:center !important;
    gap:10px !important;
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:9px 12px !important;
    border-radius:18px !important;
    border:1px solid rgba(148,163,184,.12) !important;
    background:
      linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02)),
      linear-gradient(90deg, rgba(37,99,235,.08), rgba(139,92,246,.08)) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.05),
      0 10px 24px rgba(2,6,23,.18) !important;
  }

  .iwc-vs-progress-label{
    gap:6px !important;
    font-size:10px !important;
    letter-spacing:.14em !important;
    color:#dbeafe !important;
  }

  .iwc-vs-progress-label::before{
    content:"●" !important;
    font-size:10px !important;
    color:#7dd3fc !important;
    text-shadow:0 0 12px rgba(125,211,252,.28) !important;
  }

  .iwc-vs-progress-track{
    height:10px !important;
    border-radius:999px !important;
    background:rgba(8,13,24,.92) !important;
    box-shadow:inset 0 1px 2px rgba(0,0,0,.36), inset 0 0 0 1px rgba(255,255,255,.04) !important;
  }

  .iwc-vs-progress-track > span{
    background:linear-gradient(90deg, #60a5fa 0%, #818cf8 48%, #f472b6 100%) !important;
    box-shadow:0 0 18px rgba(129,140,248,.26), inset 0 0 10px rgba(255,255,255,.16) !important;
  }

  .iwc-vs-progress-count{
    font-size:11px !important;
    letter-spacing:.06em !important;
    color:#eff6ff !important;
  }

  .iwc-vs-canvas{
    height:calc(100dvh - 128px) !important;
    min-height:500px !important;
    padding:8px 0 72px !important;
    background:
      linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0)),
      radial-gradient(circle at 50% 18%, rgba(59,130,246,.08), rgba(59,130,246,0) 34%),
      linear-gradient(180deg, #070d18 0%, #050912 100%) !important;
  }

  .iwc-vs-stage-glow{
    opacity:.72 !important;
  }

  .iwc-vs-canvas .iwc-vs-side,
  .iwc-vs-canvas .iwc-vs-side.iwc-vs-enter-left,
  .iwc-vs-canvas .iwc-vs-side.iwc-vs-enter-right,
  .iwc-vs-cinema-wrap.is-ready .iwc-vs-canvas .iwc-vs-side.iwc-vs-enter-left,
  .iwc-vs-cinema-wrap.is-ready .iwc-vs-canvas .iwc-vs-side.iwc-vs-enter-right{
    top:8px !important;
    bottom:70px !important;
    width:calc(50% - 8px) !important;
    height:auto !important;
    display:flex !important;
    flex-direction:column !important;
    border:1px solid rgba(148,163,184,.12) !important;
    border-radius:28px !important;
    overflow:hidden !important;
    background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01)) !important;
    box-shadow:0 16px 36px rgba(2,6,23,.34) !important;
  }

  .iwc-vs-canvas .iwc-vs-side-left,
  .iwc-vs-canvas .iwc-vs-side.iwc-vs-side-left{
    left:5px !important;
    right:auto !important;
    transform:none !important;
  }

  .iwc-vs-canvas .iwc-vs-side-right,
  .iwc-vs-canvas .iwc-vs-side.iwc-vs-side-right{
    left:auto !important;
    right:5px !important;
    transform:none !important;
  }

  .iwc-vs-cinema-wrap.is-ready .iwc-vs-enter-left,
  .iwc-vs-cinema-wrap.is-ready .iwc-vs-enter-right,
  .iwc-vs-enter-left,
  .iwc-vs-enter-right{
    transform:none !important;
  }

  .iwc-vs-canvas .iwc-vs-side-inner{
    position:relative !important;
    flex:1 1 auto !important;
    min-height:0 !important;
    width:100% !important;
    height:100% !important;
    display:flex !important;
    align-items:stretch !important;
    justify-content:stretch !important;
    overflow:hidden !important;
  }

  .iwc-vs-canvas .iwc-vs-side .iwc-vs-media,
  .iwc-vs-canvas .iwc-vs-side .iwc-vs-media-stage,
  .iwc-vs-canvas .iwc-vs-side .iwc-vs-media-wrap,
  .iwc-vs-canvas .iwc-vs-side .iwc-vs-media > img,
  .iwc-vs-canvas .iwc-vs-side .iwc-vs-media-wrap img,
  .iwc-vs-canvas .iwc-vs-side .iwc-vs-media-wrap video,
  .iwc-vs-canvas .iwc-vs-side .iwc-vs-media-wrap iframe,
  .iwc-vs-canvas .iwc-vs-side .iwc-noimg{
    width:100% !important;
    height:100% !important;
    min-height:100% !important;
    object-fit:cover !important;
  }

  .iwc-vs-canvas .iwc-vs-side.is-video .iwc-vs-media-wrap{
    aspect-ratio:auto !important;
    height:100% !important;
    border-radius:0 !important;
  }

  .iwc-vs-canvas .iwc-vs-side.is-land img,
  .iwc-vs-canvas .iwc-vs-side.is-port img,
  .iwc-vs-canvas .iwc-vs-side:not(.is-land):not(.is-port) .iwc-vs-media > img{
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    max-height:none !important;
    object-fit:cover !important;
  }

  .iwc-vs-canvas .iwc-vs-side .iwc-vs-overlay,
  .iwc-vs-canvas .iwc-vs-side .iwc-vs-frame-surge{
    opacity:1 !important;
  }

  .iwc-vs-canvas .iwc-vs-side.iwc-vs-side-left .iwc-vs-overlay{
    background:
      linear-gradient(180deg, rgba(3,7,18,.04), rgba(3,7,18,.16) 44%, rgba(3,7,18,.78) 100%),
      radial-gradient(circle at 18% 52%, rgba(59,130,246,.22), rgba(59,130,246,0) 42%) !important;
  }

  .iwc-vs-canvas .iwc-vs-side.iwc-vs-side-right .iwc-vs-overlay{
    background:
      linear-gradient(180deg, rgba(3,7,18,.04), rgba(3,7,18,.16) 44%, rgba(3,7,18,.78) 100%),
      radial-gradient(circle at 82% 52%, rgba(244,114,182,.22), rgba(244,114,182,0) 42%) !important;
  }

  .iwc-vs-cinema-wrap .iwc-vs-side-meta{
    top:12px !important;
    min-height:24px !important;
    padding:0 9px !important;
    border-radius:999px !important;
    border:1px solid rgba(255,255,255,.08) !important;
    background:rgba(3,7,18,.42) !important;
    color:#dbeafe !important;
    font-size:9px !important;
    letter-spacing:.1em !important;
    backdrop-filter:blur(10px) !important;
    -webkit-backdrop-filter:blur(10px) !important;
    box-shadow:0 6px 18px rgba(2,6,23,.18) !important;
  }

  .iwc-vs-cinema-wrap .iwc-vs-side-meta em{
    font-size:9px !important;
    color:#bfdbfe !important;
  }

  .iwc-vs-cinema-wrap .iwc-vs-side-meta strong{
    font-size:9px !important;
    color:#ffffff !important;
  }

  .iwc-vs-name{
    left:10px !important;
    right:10px !important;
    bottom:10px !important;
    width:auto !important;
    max-width:none !important;
    padding:11px 12px !important;
    border-radius:18px !important;
    border:1px solid rgba(255,255,255,.08) !important;
    background:linear-gradient(180deg, rgba(7,12,24,.18), rgba(7,12,24,.74)) !important;
    box-shadow:0 12px 24px rgba(2,6,23,.24) !important;
    color:#f8fbff !important;
    font-size:13px !important;
    font-weight:900 !important;
    line-height:1.32 !important;
    text-shadow:0 2px 8px rgba(2,6,23,.48) !important;
    backdrop-filter:blur(12px) !important;
    -webkit-backdrop-filter:blur(12px) !important;
    transform:none !important;
  }

  .iwc-vs-name-left,
  .iwc-vs-name-right{
    text-align:left !important;
  }

  .iwc-vs-side.is-video .iwc-vs-name{
    bottom:60px !important;
  }

  .iwc-vs-select-btn{
    width:calc(100% - 20px) !important;
    height:42px !important;
    margin:8px auto 10px !important;
    border-radius:14px !important;
    border:1px solid rgba(96,165,250,.18) !important;
    background:linear-gradient(135deg, #2563eb, #60a5fa) !important;
    box-shadow:0 12px 24px rgba(37,99,235,.24) !important;
    font-size:13px !important;
    letter-spacing:-.01em !important;
  }

  .iwc-vs-center-badge,
  .iwc-vs-canvas > .iwc-vs-center-badge{
    min-width:84px !important;
    width:84px !important;
    height:84px !important;
    padding:0 !important;
    border-radius:26px !important;
    border:1px solid rgba(191,219,254,.22) !important;
    background:
      linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.03)),
      linear-gradient(135deg, rgba(15,23,42,.94), rgba(30,41,59,.92) 48%, rgba(79,70,229,.84)) !important;
    box-shadow:0 16px 34px rgba(2,6,23,.42), 0 0 24px rgba(129,140,248,.18) !important;
    backdrop-filter:blur(12px) !important;
    -webkit-backdrop-filter:blur(12px) !important;
  }

  .iwc-vs-canvas > .iwc-vs-center-badge .iwc-vs-text,
  .iwc-vs-cinema-wrap .iwc-vs-canvas > .iwc-vs-center-badge .iwc-vs-text{
    font-size:22px !important;
    line-height:1 !important;
    letter-spacing:.08em !important;
  }

  .iwc-vs-canvas > .iwc-vs-center-badge .iwc-vs-round,
  .iwc-vs-cinema-wrap .iwc-vs-canvas > .iwc-vs-center-badge .iwc-vs-round{
    margin-top:4px !important;
    font-size:9px !important;
    letter-spacing:.18em !important;
    color:#dbeafe !important;
  }

  .iwc-vs-bottom-tip{
    left:10px !important;
    right:10px !important;
    bottom:12px !important;
    top:auto !important;
    width:auto !important;
    min-height:50px !important;
    padding:10px 12px !important;
    border-radius:16px !important;
    border:1px solid rgba(148,163,184,.10) !important;
    background:rgba(7,12,24,.66) !important;
    box-shadow:0 14px 28px rgba(2,6,23,.24) !important;
    backdrop-filter:blur(12px) !important;
    -webkit-backdrop-filter:blur(12px) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
  }

  .iwc-vs-bottom-tip span{
    font-size:11px !important;
    line-height:1.35 !important;
    color:#dbeafe !important;
  }

  .iwc-vs-bottom-tip strong{
    flex:0 0 auto !important;
    font-size:9px !important;
    letter-spacing:.18em !important;
    color:#ffffff !important;
  }
}

@media (max-width: 560px){
  .iwc-vs-topline{
    padding:12px 56px 10px 10px !important;
  }

  .iwc-vs-kicker{
    font-size:8px !important;
  }

  .iwc-vs-top-title{
    font-size:16px !important;
  }

  .iwc-vs-progress{
    grid-template-columns:minmax(0,1fr) auto !important;
    gap:8px !important;
  }

  .iwc-vs-progress-label{
    grid-column:1 / -1 !important;
    font-size:9px !important;
  }

  .iwc-vs-canvas{
    height:calc(100dvh - 138px) !important;
    min-height:460px !important;
    padding-bottom:68px !important;
  }

  .iwc-vs-canvas .iwc-vs-side,
  .iwc-vs-canvas .iwc-vs-side.iwc-vs-enter-left,
  .iwc-vs-canvas .iwc-vs-side.iwc-vs-enter-right,
  .iwc-vs-cinema-wrap.is-ready .iwc-vs-canvas .iwc-vs-side.iwc-vs-enter-left,
  .iwc-vs-cinema-wrap.is-ready .iwc-vs-canvas .iwc-vs-side.iwc-vs-enter-right{
    width:calc(50% - 6px) !important;
    bottom:66px !important;
    border-radius:24px !important;
  }

  .iwc-vs-canvas .iwc-vs-side-left,
  .iwc-vs-canvas .iwc-vs-side.iwc-vs-side-left{ left:4px !important; }

  .iwc-vs-canvas .iwc-vs-side-right,
  .iwc-vs-canvas .iwc-vs-side.iwc-vs-side-right{ right:4px !important; }

  .iwc-vs-name{
    left:8px !important;
    right:8px !important;
    bottom:8px !important;
    padding:10px 11px !important;
    border-radius:16px !important;
    font-size:12px !important;
  }

  .iwc-vs-side.is-video .iwc-vs-name{
    bottom:56px !important;
  }

  .iwc-vs-select-btn{
    width:calc(100% - 16px) !important;
    margin:7px auto 8px !important;
    height:40px !important;
    font-size:12px !important;
  }

  .iwc-vs-center-badge,
  .iwc-vs-canvas > .iwc-vs-center-badge{
    min-width:76px !important;
    width:76px !important;
    height:76px !important;
    border-radius:24px !important;
  }

  .iwc-vs-canvas > .iwc-vs-center-badge .iwc-vs-text,
  .iwc-vs-cinema-wrap .iwc-vs-canvas > .iwc-vs-center-badge .iwc-vs-text{
    font-size:20px !important;
  }

  .iwc-vs-bottom-tip{
    left:8px !important;
    right:8px !important;
    bottom:10px !important;
    min-height:46px !important;
    padding:9px 11px !important;
    gap:10px !important;
  }

  .iwc-vs-bottom-tip span{
    font-size:10px !important;
  }

  .iwc-vs-bottom-tip strong{
    font-size:8px !important;
  }
}

/* =========================
   모바일 VS 추가 슬림 보정
   ========================= */
@media (max-width: 767px){
  .iwc-vs-canvas{
    padding:12px 0 84px !important;
  }

  .iwc-vs-canvas .iwc-vs-side,
  .iwc-vs-canvas .iwc-vs-side.iwc-vs-enter-left,
  .iwc-vs-canvas .iwc-vs-side.iwc-vs-enter-right,
  .iwc-vs-cinema-wrap.is-ready .iwc-vs-canvas .iwc-vs-side.iwc-vs-enter-left,
  .iwc-vs-cinema-wrap.is-ready .iwc-vs-canvas .iwc-vs-side.iwc-vs-enter-right{
    top:16px !important;
    bottom:86px !important;
    width:calc(50% - 10px) !important;
    border-radius:24px !important;
    box-shadow:0 14px 28px rgba(2,6,23,.28) !important;
  }

  .iwc-vs-canvas .iwc-vs-side-left,
  .iwc-vs-canvas .iwc-vs-side.iwc-vs-side-left{
    left:6px !important;
  }

  .iwc-vs-canvas .iwc-vs-side-right,
  .iwc-vs-canvas .iwc-vs-side.iwc-vs-side-right{
    right:6px !important;
  }

  .iwc-vs-cinema-wrap .iwc-vs-side-meta{
    top:10px !important;
    min-height:22px !important;
    padding:0 8px !important;
  }

  .iwc-vs-name{
    left:8px !important;
    right:8px !important;
    bottom:8px !important;
    padding:9px 10px !important;
    border-radius:16px !important;
    font-size:12px !important;
    line-height:1.28 !important;
  }

  .iwc-vs-side.is-video .iwc-vs-name{
    bottom:52px !important;
  }

  .iwc-vs-select-btn{
    width:calc(100% - 16px) !important;
    height:38px !important;
    margin:6px auto 8px !important;
    border-radius:12px !important;
    box-shadow:0 10px 20px rgba(37,99,235,.20) !important;
    font-size:12px !important;
  }

  .iwc-vs-bottom-tip{
    bottom:10px !important;
    min-height:46px !important;
    padding:8px 11px !important;
  }
}

@media (max-width: 560px){
  .iwc-vs-canvas{
    height:calc(100dvh - 138px) !important;
    min-height:450px !important;
    padding:10px 0 78px !important;
  }

  .iwc-vs-canvas .iwc-vs-side,
  .iwc-vs-canvas .iwc-vs-side.iwc-vs-enter-left,
  .iwc-vs-canvas .iwc-vs-side.iwc-vs-enter-right,
  .iwc-vs-cinema-wrap.is-ready .iwc-vs-canvas .iwc-vs-side.iwc-vs-enter-left,
  .iwc-vs-cinema-wrap.is-ready .iwc-vs-canvas .iwc-vs-side.iwc-vs-enter-right{
    top:14px !important;
    bottom:80px !important;
    width:calc(50% - 8px) !important;
    border-radius:22px !important;
  }

  .iwc-vs-canvas .iwc-vs-side-left,
  .iwc-vs-canvas .iwc-vs-side.iwc-vs-side-left{
    left:4px !important;
  }

  .iwc-vs-canvas .iwc-vs-side-right,
  .iwc-vs-canvas .iwc-vs-side.iwc-vs-side-right{
    right:4px !important;
  }

  .iwc-vs-name{
    bottom:7px !important;
    padding:8px 9px !important;
    font-size:11px !important;
  }

  .iwc-vs-side.is-video .iwc-vs-name{
    bottom:48px !important;
  }

  .iwc-vs-select-btn{
    width:calc(100% - 14px) !important;
    height:36px !important;
    margin:5px auto 7px !important;
    font-size:11px !important;
  }

  .iwc-vs-bottom-tip{
    left:8px !important;
    right:8px !important;
    bottom:8px !important;
    min-height:42px !important;
    padding:7px 10px !important;
  }

  .iwc-vs-bottom-tip span{
    font-size:9px !important;
  }

  .iwc-vs-bottom-tip strong{
    font-size:7px !important;
  }
}

/* =========================================================
   2026-04-03 VS ultra compact mobile tuning
   - 초소형 모바일 전용 밀도 보정
   - 카드 높이 축소 / 비디오 선택 버튼 고정 / HUD 압축
   ========================================================= */
@media (max-width: 560px){
  .iwc-vs-topline{
    padding:10px 48px 8px 8px !important;
    gap:8px !important;
  }

  .iwc-cinema-close{
    top:8px !important;
    right:8px !important;
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
    min-height:34px !important;
    border-radius:12px !important;
    font-size:18px !important;
    box-shadow:0 8px 18px rgba(2,6,23,.28) !important;
  }

  .iwc-vs-kicker{
    min-height:22px !important;
    padding:0 8px !important;
    font-size:7px !important;
    letter-spacing:.12em !important;
  }

  .iwc-vs-top-title{
    font-size:14px !important;
    line-height:1.18 !important;
    letter-spacing:-.02em !important;
  }

  .iwc-vs-progress{
    gap:8px !important;
    padding:8px 10px !important;
    margin-top:-2px !important;
    border-radius:14px !important;
  }

  .iwc-vs-progress-label{
    font-size:8px !important;
    letter-spacing:.05em !important;
    gap:4px !important;
  }

  .iwc-vs-progress-track{
    height:8px !important;
  }

  .iwc-vs-progress-top strong,
  .iwc-vs-progress-count{
    font-size:10px !important;
    letter-spacing:.06em !important;
  }

  .iwc-vs-canvas{
    height:calc(100dvh - 122px) !important;
    min-height:420px !important;
    padding:8px 0 72px !important;
  }

  .iwc-vs-canvas .iwc-vs-side,
  .iwc-vs-canvas .iwc-vs-side.iwc-vs-enter-left,
  .iwc-vs-canvas .iwc-vs-side.iwc-vs-enter-right,
  .iwc-vs-cinema-wrap.is-ready .iwc-vs-canvas .iwc-vs-side.iwc-vs-enter-left,
  .iwc-vs-cinema-wrap.is-ready .iwc-vs-canvas .iwc-vs-side.iwc-vs-enter-right{
    top:10px !important;
    bottom:82px !important;
    width:calc(50% - 6px) !important;
    border-radius:20px !important;
    box-shadow:0 10px 20px rgba(2,6,23,.24) !important;
  }

  .iwc-vs-canvas .iwc-vs-side-left,
  .iwc-vs-canvas .iwc-vs-side.iwc-vs-side-left{
    left:4px !important;
  }

  .iwc-vs-canvas .iwc-vs-side-right,
  .iwc-vs-canvas .iwc-vs-side.iwc-vs-side-right{
    right:4px !important;
  }

  .iwc-vs-side-inner,
  .iwc-vs-side img,
  .iwc-vs-side .iwc-noimg,
  .iwc-vs-media,
  .iwc-vs-media > img{
    border-radius:20px !important;
  }

  .iwc-vs-cinema-wrap .iwc-vs-side-meta{
    top:8px !important;
    min-height:20px !important;
    padding:0 7px !important;
    gap:2px !important;
    border-radius:999px !important;
  }

  .iwc-vs-cinema-wrap .iwc-vs-side-meta em{
    font-size:7px !important;
    letter-spacing:.08em !important;
  }

  .iwc-vs-cinema-wrap .iwc-vs-side-meta strong{
    font-size:8px !important;
    line-height:1.1 !important;
  }

  .iwc-vs-name{
    left:7px !important;
    right:7px !important;
    bottom:7px !important;
    padding:7px 8px !important;
    border-radius:14px !important;
    font-size:10px !important;
    line-height:1.24 !important;
    box-shadow:0 8px 16px rgba(2,6,23,.20) !important;
  }

  .iwc-vs-side.is-video .iwc-vs-name{
    bottom:42px !important;
  }

  .iwc-vs-select-btn{
    position:absolute !important;
    left:7px !important;
    right:7px !important;
    bottom:7px !important;
    width:auto !important;
    height:30px !important;
    margin:0 !important;
    padding:0 10px !important;
    border-radius:10px !important;
    font-size:10px !important;
    line-height:1 !important;
    letter-spacing:-.01em !important;
    z-index:9 !important;
    box-shadow:0 8px 16px rgba(37,99,235,.18) !important;
  }

  .iwc-vs-center-badge,
  .iwc-vs-canvas > .iwc-vs-center-badge{
    min-width:64px !important;
    width:64px !important;
    height:64px !important;
    border-radius:20px !important;
    box-shadow:0 10px 22px rgba(2,6,23,.34), 0 0 16px rgba(129,140,248,.12) !important;
  }

  .iwc-vs-canvas > .iwc-vs-center-badge .iwc-vs-text,
  .iwc-vs-cinema-wrap .iwc-vs-canvas > .iwc-vs-center-badge .iwc-vs-text{
    font-size:18px !important;
  }

  .iwc-vs-canvas > .iwc-vs-center-badge .iwc-vs-round,
  .iwc-vs-cinema-wrap .iwc-vs-canvas > .iwc-vs-center-badge .iwc-vs-round{
    margin-top:2px !important;
    font-size:7px !important;
    letter-spacing:.12em !important;
  }

  .iwc-vs-bottom-tip{
    left:6px !important;
    right:6px !important;
    bottom:6px !important;
    min-height:36px !important;
    padding:6px 8px !important;
    border-radius:12px !important;
    gap:8px !important;
    box-shadow:0 8px 16px rgba(2,6,23,.20) !important;
  }

  .iwc-vs-bottom-tip span{
    font-size:8px !important;
    line-height:1.25 !important;
  }

  .iwc-vs-bottom-tip strong{
    font-size:6px !important;
    letter-spacing:.12em !important;
  }
}

@media (max-width: 420px){
  .iwc-vs-topline{
    padding:8px 42px 7px 6px !important;
  }

  .iwc-cinema-close{
    top:6px !important;
    right:6px !important;
    width:30px !important;
    height:30px !important;
    min-width:30px !important;
    min-height:30px !important;
    border-radius:10px !important;
    font-size:16px !important;
  }

  .iwc-vs-top-title{
    font-size:13px !important;
  }

  .iwc-vs-kicker{
    display:none !important;
  }

  .iwc-vs-progress{
    padding:7px 8px !important;
    gap:6px !important;
  }

  .iwc-vs-progress-label{
    font-size:7px !important;
  }

  .iwc-vs-progress-track{
    height:7px !important;
  }

  .iwc-vs-canvas{
    height:calc(100dvh - 112px) !important;
    min-height:390px !important;
    padding:6px 0 66px !important;
  }

  .iwc-vs-canvas .iwc-vs-side,
  .iwc-vs-canvas .iwc-vs-side.iwc-vs-enter-left,
  .iwc-vs-canvas .iwc-vs-side.iwc-vs-enter-right,
  .iwc-vs-cinema-wrap.is-ready .iwc-vs-canvas .iwc-vs-side.iwc-vs-enter-left,
  .iwc-vs-cinema-wrap.is-ready .iwc-vs-canvas .iwc-vs-side.iwc-vs-enter-right{
    top:8px !important;
    bottom:74px !important;
    width:calc(50% - 5px) !important;
    border-radius:18px !important;
  }

  .iwc-vs-side-inner,
  .iwc-vs-side img,
  .iwc-vs-side .iwc-noimg,
  .iwc-vs-media,
  .iwc-vs-media > img{
    border-radius:18px !important;
  }

  .iwc-vs-cinema-wrap .iwc-vs-side-meta{
    top:7px !important;
    padding:0 6px !important;
  }

  .iwc-vs-name{
    left:6px !important;
    right:6px !important;
    bottom:6px !important;
    padding:6px 7px !important;
    border-radius:12px !important;
    font-size:9px !important;
  }

  .iwc-vs-side.is-video .iwc-vs-name{
    bottom:40px !important;
  }

  .iwc-vs-select-btn{
    left:6px !important;
    right:6px !important;
    bottom:6px !important;
    height:28px !important;
    border-radius:9px !important;
    font-size:9px !important;
  }

  .iwc-vs-center-badge,
  .iwc-vs-canvas > .iwc-vs-center-badge{
    min-width:58px !important;
    width:58px !important;
    height:58px !important;
    border-radius:18px !important;
  }

  .iwc-vs-canvas > .iwc-vs-center-badge .iwc-vs-text,
  .iwc-vs-cinema-wrap .iwc-vs-canvas > .iwc-vs-center-badge .iwc-vs-text{
    font-size:16px !important;
  }

  .iwc-vs-canvas > .iwc-vs-center-badge .iwc-vs-round,
  .iwc-vs-cinema-wrap .iwc-vs-canvas > .iwc-vs-center-badge .iwc-vs-round{
    font-size:6px !important;
  }

  .iwc-vs-bottom-tip{
    left:5px !important;
    right:5px !important;
    bottom:5px !important;
    min-height:32px !important;
    padding:5px 7px !important;
    gap:6px !important;
  }

  .iwc-vs-bottom-tip span{
    font-size:7px !important;
  }

  .iwc-vs-bottom-tip strong{
    display:none !important;
  }
}

/* =========================================================
   2026-04-03 VS mobile viewport-fit fix
   - 모바일 브라우저 주소창/하단바 환경에서 한 화면 안에 이름까지 보이도록 압축
   ========================================================= */
@media (max-width: 767px){
  .iwc-vs-canvas{
    overflow:hidden !important;
    padding:6px 0 66px !important;
  }

  .iwc-vs-canvas .iwc-vs-side,
  .iwc-vs-canvas .iwc-vs-side.iwc-vs-enter-left,
  .iwc-vs-canvas .iwc-vs-side.iwc-vs-enter-right,
  .iwc-vs-cinema-wrap.is-ready .iwc-vs-canvas .iwc-vs-side.iwc-vs-enter-left,
  .iwc-vs-cinema-wrap.is-ready .iwc-vs-canvas .iwc-vs-side.iwc-vs-enter-right{
    top:8px !important;
    bottom:88px !important;
  }

  .iwc-vs-name{
    left:6px !important;
    right:6px !important;
    bottom:6px !important;
    padding:6px 8px !important;
    font-size:10px !important;
    line-height:1.24 !important;
  }

  .iwc-vs-side.is-video .iwc-vs-name{
    bottom:40px !important;
  }

  .iwc-vs-select-btn{
    left:6px !important;
    right:6px !important;
    bottom:6px !important;
    height:30px !important;
    margin:0 !important;
  }

  .iwc-vs-bottom-tip{
    left:6px !important;
    right:6px !important;
    bottom:4px !important;
    min-height:34px !important;
    padding:6px 8px !important;
  }

  .iwc-vs-bottom-tip span{
    font-size:8px !important;
  }

  .iwc-vs-bottom-tip strong{
    font-size:6px !important;
  }
}

@media (max-width: 420px){
  .iwc-vs-canvas{
    padding:4px 0 62px !important;
  }

  .iwc-vs-canvas .iwc-vs-side,
  .iwc-vs-canvas .iwc-vs-side.iwc-vs-enter-left,
  .iwc-vs-canvas .iwc-vs-side.iwc-vs-enter-right,
  .iwc-vs-cinema-wrap.is-ready .iwc-vs-canvas .iwc-vs-side.iwc-vs-enter-left,
  .iwc-vs-cinema-wrap.is-ready .iwc-vs-canvas .iwc-vs-side.iwc-vs-enter-right{
    top:6px !important;
    bottom:84px !important;
  }

  .iwc-vs-name{
    font-size:9px !important;
    padding:5px 7px !important;
  }

  .iwc-vs-side.is-video .iwc-vs-name{
    bottom:38px !important;
  }

  .iwc-vs-select-btn{
    height:28px !important;
    font-size:9px !important;
  }
}


/* =========================================================
   2026-04-04 VS mobile real viewport-fit fix
   - 기존 모바일 calc height가 JS 계산값을 덮어써서 체감상 변화가 없던 문제 보정
   ========================================================= */
@media (max-width: 767px){
  .iwc-vs-cinema-wrap{
    height:100dvh !important;
    max-height:100dvh !important;
    overflow:hidden !important;
  }

  .iwc-vs-topline{
    flex:0 0 auto !important;
  }

  .iwc-vs-canvas{
    height:var(--iwc-vs-canvas-h, calc(100dvh - 148px)) !important;
    min-height:0 !important;
    max-height:none !important;
  }
}

@media (max-width: 560px){
  .iwc-vs-canvas{
    height:var(--iwc-vs-canvas-h, calc(100dvh - 148px)) !important;
    min-height:0 !important;
  }
}

@media (max-width: 420px){
  .iwc-vs-canvas{
    height:var(--iwc-vs-canvas-h, calc(100dvh - 142px)) !important;
    min-height:0 !important;
  }
}

/* =========================================================
   2026-04-04 VS mobile browser chrome auto-fit
   - 탭창/주소창이 보이는 실측 높이에 맞춰 자동 보정
   - visualViewport 높이 + offset + 하단 inset 반영
   ========================================================= */
@media (max-width: 767px){
  .iwc-modal-battle .iwc-modal-box,
  .iwc-modal-battle .iwc-modal-shell,
  .iwc-vs-cinema-wrap{
    height:var(--iwc-vs-vh, 100dvh) !important;
    min-height:var(--iwc-vs-vh, 100dvh) !important;
    max-height:var(--iwc-vs-vh, 100dvh) !important;
  }

  .iwc-vs-cinema-wrap{
    box-sizing:border-box !important;
    padding:10px 10px calc(8px + var(--iwc-vs-vbottom, 0px)) !important;
    overflow:hidden !important;
  }

  .iwc-vs-topline{
    margin-bottom:8px !important;
    flex:0 0 auto !important;
  }

  .iwc-vs-canvas{
    height:var(--iwc-vs-canvas-h, calc(100dvh - 146px)) !important;
    min-height:0 !important;
    max-height:none !important;
    gap:8px !important;
    overflow:hidden !important;
  }

  .iwc-vs-side{
    height:var(--iwc-vs-side-h, calc((var(--iwc-vs-canvas-h, 520px) - 58px) / 2)) !important;
    min-height:0 !important;
  }

  .iwc-vs-side-inner{
    padding-bottom:38px !important;
  }

  .iwc-vs-center-badge{
    width:58px !important;
    height:58px !important;
    margin-top:-29px !important;
    margin-left:-29px !important;
  }

  .iwc-vs-text{
    font-size:22px !important;
  }

  .iwc-vs-round{
    font-size:10px !important;
    padding:4px 8px !important;
  }

  .iwc-vs-name{
    bottom:8px !important;
    padding:7px 10px !important;
    font-size:12px !important;
    line-height:1.25 !important;
  }

  .iwc-vs-side.is-video .iwc-vs-name{
    bottom:36px !important;
  }

  .iwc-vs-bottom-tip{
    margin-top:6px !important;
    min-height:0 !important;
    padding:8px 12px !important;
    font-size:11px !important;
    line-height:1.35 !important;
    flex:0 0 auto !important;
  }
}

@media (max-width: 420px){
  .iwc-vs-center-badge{
    width:54px !important;
    height:54px !important;
    margin-top:-27px !important;
    margin-left:-27px !important;
  }

  .iwc-vs-text{
    font-size:20px !important;
  }

  .iwc-vs-name{
    bottom:7px !important;
    font-size:11px !important;
    padding:6px 9px !important;
  }

  .iwc-vs-side.is-video .iwc-vs-name{
    bottom:34px !important;
  }
}

/* =========================================================
   2026-04-04 VS mobile top gap fix
   - battle modal outer padding 제거
   - 시네마 wrap 상단 여백 축소
   ========================================================= */
@media (max-width: 767px){
  .iwc-modal.iwc-modal-battle,
  .iwc-modal.iwc-modal-result{
    padding:0 !important;
    overflow:hidden !important;
  }

  .iwc-modal-battle .iwc-modal-box,
  .iwc-modal-result .iwc-modal-box{
    width:100% !important;
    max-width:none !important;
    height:100% !important;
    max-height:none !important;
    margin:0 !important;
  }

  .iwc-modal-battle .iwc-modal-shell,
  .iwc-modal-result .iwc-modal-shell{
    padding:0 !important;
    min-height:100% !important;
  }

  .iwc-vs-cinema-wrap{
    padding:4px 10px calc(8px + var(--iwc-vs-vbottom, 0px)) !important;
  }

  .iwc-vs-topline{
    margin-top:0 !important;
  }
}

@media (max-width: 420px){
  .iwc-vs-cinema-wrap{
    padding:2px 8px calc(6px + var(--iwc-vs-vbottom, 0px)) !important;
  }
}

/* =========================================================
   2026-04-04 mobile VS external-video bottom button + badge cleanup
   - 모바일에서 외부 동영상 카드의 버튼을 자연스럽게 맨 아래 고정
   - 동영상 영역이 카드 상단 빈 공간 없이 전체 높이를 먹도록 보정
   - 모바일에서는 좌/우 후보 배지, 하단 안내 배지 제거
   ========================================================= */
@media (max-width: 767px){
  .iwc-vs-cinema-wrap .iwc-vs-side-meta,
  .iwc-vs-cinema-wrap .iwc-vs-bottom-tip{
    display:none !important;
  }

  .iwc-vs-canvas .iwc-vs-side.is-video,
  .iwc-vs-canvas .iwc-vs-side.is-video.iwc-vs-enter-left,
  .iwc-vs-canvas .iwc-vs-side.is-video.iwc-vs-enter-right,
  .iwc-vs-cinema-wrap.is-ready .iwc-vs-canvas .iwc-vs-side.is-video.iwc-vs-enter-left,
  .iwc-vs-cinema-wrap.is-ready .iwc-vs-canvas .iwc-vs-side.is-video.iwc-vs-enter-right{
    display:grid !important;
    grid-template-rows:minmax(0,1fr) auto !important;
    align-items:stretch !important;
    align-content:stretch !important;
    overflow:hidden !important;
    padding:0 !important;
  }

  .iwc-vs-canvas .iwc-vs-side.is-video .iwc-vs-side-inner{
    min-height:0 !important;
    height:100% !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:stretch !important;
    overflow:hidden !important;
  }

  .iwc-vs-canvas .iwc-vs-side.is-video .iwc-vs-media-wrap,
  .iwc-vs-canvas .iwc-vs-side.is-video .iwc-vs-media,
  .iwc-vs-canvas .iwc-vs-side.is-video .iwc-vs-media-stage,
  .iwc-vs-canvas .iwc-vs-side.is-video .iwc-media-player,
  .iwc-vs-canvas .iwc-vs-side.is-video .iwc-yt-segment-wrap,
  .iwc-vs-canvas .iwc-vs-side.is-video .iwc-yt-segment-player,
  .iwc-vs-canvas .iwc-vs-side.is-video .iwc-yt-segment-mount{
    flex:1 1 auto !important;
    width:100% !important;
    min-height:0 !important;
    height:100% !important;
  }

  .iwc-vs-canvas .iwc-vs-side.is-video .iwc-vs-media-wrap{
    aspect-ratio:auto !important;
    border-radius:inherit !important;
  }

  .iwc-vs-canvas .iwc-vs-side.is-video iframe,
  .iwc-vs-canvas .iwc-vs-side.is-video video,
  .iwc-vs-canvas .iwc-vs-side.is-video img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
  }

  .iwc-vs-canvas .iwc-vs-side.is-video .iwc-vs-name{
    left:6px !important;
    right:6px !important;
    bottom:48px !important;
    width:auto !important;
    max-width:none !important;
    z-index:9 !important;
  }

  .iwc-vs-canvas .iwc-vs-side.is-video .iwc-vs-select-btn{
    position:relative !important;
    left:auto !important;
    right:auto !important;
    bottom:auto !important;
    width:calc(100% - 12px) !important;
    height:34px !important;
    margin:6px !important;
    border-radius:12px !important;
    z-index:10 !important;
  }
}

@media (max-width: 420px){
  .iwc-vs-canvas .iwc-vs-side.is-video .iwc-vs-name{
    bottom:44px !important;
  }

  .iwc-vs-canvas .iwc-vs-side.is-video .iwc-vs-select-btn{
    width:calc(100% - 10px) !important;
    height:30px !important;
    margin:5px !important;
    border-radius:10px !important;
  }
}

/* =========================================================
   2026-04-04 mobile VS bottom fill + image/gif center-line clip fix
   - 하단 안내 배지를 숨긴 모바일 레이아웃에서 카드가 화면 아래까지 자연스럽게 내려오도록 보정
   - 외부 동영상 선택 버튼을 카드 맨 아래에 붙임
   - 일반 이미지/움짤 카드가 중앙 파란선을 넘어서 보이지 않도록 모바일 전용 클리핑/정렬 보정
   ========================================================= */
@media (max-width: 767px){
  .iwc-vs-canvas .iwc-vs-side,
  .iwc-vs-canvas .iwc-vs-side.iwc-vs-enter-left,
  .iwc-vs-canvas .iwc-vs-side.iwc-vs-enter-right,
  .iwc-vs-cinema-wrap.is-ready .iwc-vs-canvas .iwc-vs-side.iwc-vs-enter-left,
  .iwc-vs-cinema-wrap.is-ready .iwc-vs-canvas .iwc-vs-side.iwc-vs-enter-right{
    bottom:8px !important;
  }

  .iwc-vs-canvas .iwc-vs-side.is-video,
  .iwc-vs-canvas .iwc-vs-side.is-video.iwc-vs-enter-left,
  .iwc-vs-canvas .iwc-vs-side.is-video.iwc-vs-enter-right,
  .iwc-vs-cinema-wrap.is-ready .iwc-vs-canvas .iwc-vs-side.is-video.iwc-vs-enter-left,
  .iwc-vs-cinema-wrap.is-ready .iwc-vs-canvas .iwc-vs-side.is-video.iwc-vs-enter-right{
    grid-template-rows:minmax(0, 1fr) auto !important;
    align-content:stretch !important;
  }

  .iwc-vs-canvas .iwc-vs-side.is-video .iwc-vs-side-inner{
    padding-bottom:50px !important;
  }

  .iwc-vs-canvas .iwc-vs-side.is-video .iwc-vs-select-btn{
    align-self:stretch !important;
    justify-self:stretch !important;
    margin:6px 6px 6px !important;
  }

  .iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image,
  .iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image.iwc-vs-enter-left,
  .iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image.iwc-vs-enter-right,
  .iwc-vs-cinema-wrap.is-ready .iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image.iwc-vs-enter-left,
  .iwc-vs-cinema-wrap.is-ready .iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image.iwc-vs-enter-right{
    isolation:isolate !important;
    overflow:hidden !important;
  }

  .iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image .iwc-vs-side-inner,
  .iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image .iwc-vs-media,
  .iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image .iwc-noimg,
  .iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image .iwc-vs-media-bg{
    width:100% !important;
    height:100% !important;
    min-width:0 !important;
    min-height:0 !important;
    border-radius:inherit !important;
    overflow:hidden !important;
  }

  .iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image .iwc-vs-side-inner{
    justify-content:center !important;
    align-items:center !important;
    contain:paint !important;
  }

  .iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image .iwc-vs-media > img,
  .iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image .iwc-vs-media img,
  .iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image > img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    min-width:0 !important;
    min-height:0 !important;
    max-width:none !important;
    max-height:none !important;
    object-fit:cover !important;
    object-position:center center !important;
    transform:none !important;
    border-radius:inherit !important;
  }

  .iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image.iwc-vs-side-left .iwc-vs-side-inner,
  .iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image.iwc-vs-side-right .iwc-vs-side-inner{
    justify-content:center !important;
    align-items:center !important;
  }
}

@media (max-width: 420px){
  .iwc-vs-canvas .iwc-vs-side,
  .iwc-vs-canvas .iwc-vs-side.iwc-vs-enter-left,
  .iwc-vs-canvas .iwc-vs-side.iwc-vs-enter-right,
  .iwc-vs-cinema-wrap.is-ready .iwc-vs-canvas .iwc-vs-side.iwc-vs-enter-left,
  .iwc-vs-cinema-wrap.is-ready .iwc-vs-canvas .iwc-vs-side.iwc-vs-enter-right{
    bottom:6px !important;
  }

  .iwc-vs-canvas .iwc-vs-side.is-video .iwc-vs-side-inner{
    padding-bottom:46px !important;
  }

  .iwc-vs-canvas .iwc-vs-side.is-video .iwc-vs-select-btn{
    margin:5px 5px 5px !important;
  }
}

/* =========================================================
   2026-04-04 mobile VS external-video full-fill + square edge + image hard-clip fix
   - 외부동영상은 버튼 바로 위까지 꽉 차게
   - 모바일 외부동영상 radius 제거
   - 일반 이미지/움짤은 중앙 VS 라인 밖으로 절대 번지지 않게 하드 클립
   ========================================================= */
@media (max-width: 767px){
  .iwc-vs-canvas .iwc-vs-side.is-video,
  .iwc-vs-canvas .iwc-vs-side.is-video.iwc-vs-enter-left,
  .iwc-vs-canvas .iwc-vs-side.is-video.iwc-vs-enter-right,
  .iwc-vs-cinema-wrap.is-ready .iwc-vs-canvas .iwc-vs-side.is-video.iwc-vs-enter-left,
  .iwc-vs-cinema-wrap.is-ready .iwc-vs-canvas .iwc-vs-side.is-video.iwc-vs-enter-right{
    border-radius:0 !important;
    overflow:hidden !important;
    clip-path:inset(0) !important;
  }

  .iwc-vs-canvas .iwc-vs-side.is-video .iwc-vs-side-inner,
  .iwc-vs-canvas .iwc-vs-side.is-video .iwc-vs-media,
  .iwc-vs-canvas .iwc-vs-side.is-video .iwc-vs-media-stage,
  .iwc-vs-canvas .iwc-vs-side.is-video .iwc-vs-media-wrap,
  .iwc-vs-canvas .iwc-vs-side.is-video .iwc-media-player,
  .iwc-vs-canvas .iwc-vs-side.is-video .iwc-yt-segment-wrap,
  .iwc-vs-canvas .iwc-vs-side.is-video .iwc-yt-segment-player,
  .iwc-vs-canvas .iwc-vs-side.is-video .iwc-yt-segment-mount,
  .iwc-vs-canvas .iwc-vs-side.is-video iframe,
  .iwc-vs-canvas .iwc-vs-side.is-video video,
  .iwc-vs-canvas .iwc-vs-side.is-video img{
    border-radius:0 !important;
  }

  .iwc-vs-canvas .iwc-vs-side.is-video .iwc-vs-side-inner{
    padding-bottom:0 !important;
  }

  .iwc-vs-canvas .iwc-vs-side.is-video .iwc-vs-media,
  .iwc-vs-canvas .iwc-vs-side.is-video .iwc-vs-media-stage,
  .iwc-vs-canvas .iwc-vs-side.is-video .iwc-vs-media-wrap,
  .iwc-vs-canvas .iwc-vs-side.is-video .iwc-media-player,
  .iwc-vs-canvas .iwc-vs-side.is-video .iwc-yt-segment-wrap,
  .iwc-vs-canvas .iwc-vs-side.is-video .iwc-yt-segment-player,
  .iwc-vs-canvas .iwc-vs-side.is-video .iwc-yt-segment-mount{
    min-height:100% !important;
    height:100% !important;
    flex:1 1 auto !important;
  }

  .iwc-vs-canvas .iwc-vs-side.is-video .iwc-vs-name{
    left:0 !important;
    right:0 !important;
    bottom:42px !important;
    border-radius:0 !important;
    margin:0 !important;
  }

  .iwc-vs-canvas .iwc-vs-side.is-video .iwc-vs-select-btn{
    width:100% !important;
    height:42px !important;
    margin:0 !important;
    border-radius:0 !important;
    align-self:stretch !important;
    justify-self:stretch !important;
    box-shadow:none !important;
  }

  .iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image,
  .iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image.iwc-vs-enter-left,
  .iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image.iwc-vs-enter-right,
  .iwc-vs-cinema-wrap.is-ready .iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image.iwc-vs-enter-left,
  .iwc-vs-cinema-wrap.is-ready .iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image.iwc-vs-enter-right,
  .iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image .iwc-vs-side-inner,
  .iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image .iwc-vs-media{
    overflow:hidden !important;
    overflow:clip !important;
    contain:paint !important;
    isolation:isolate !important;
    clip-path:inset(0 round 0) !important;
  }

  .iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image .iwc-vs-media-bg,
  .iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image .iwc-vs-overlay,
  .iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image .iwc-vs-frame-surge{
    display:none !important;
    opacity:0 !important;
  }

  .iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image .iwc-vs-media > img,
  .iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image .iwc-vs-media img,
  .iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image > img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
    transform:none !important;
  }
}

@media (max-width: 420px){
  .iwc-vs-canvas .iwc-vs-side.is-video .iwc-vs-name{
    bottom:38px !important;
  }

  .iwc-vs-canvas .iwc-vs-side.is-video .iwc-vs-select-btn{
    height:38px !important;
  }
}

/* =========================================================
   2026-04-04 mobile VS final polish
   - 외부동영상 이름박스 라운드 복구 + 버튼과 살짝 간격
   - 외부동영상 승자 선택 후 버튼 자리 완전 숨김
   - 일반이미지/움짤은 중앙 VS 파란선 안쪽으로 한 칸 더 물려서 하드 클립
   ========================================================= */
@media (max-width: 767px){
  .iwc-vs-canvas .iwc-vs-side.is-video .iwc-vs-name{
    left:8px !important;
    right:8px !important;
    bottom:52px !important;
    margin:0 !important;
    border-radius:16px !important;
  }

  .iwc-vs-canvas .iwc-vs-side.is-video .iwc-vs-select-btn{
    width:calc(100% - 12px) !important;
    height:38px !important;
    margin:0 6px 6px !important;
    border-radius:14px !important;
  }

  .iwc-vs-cinema-wrap.is-external-video-pick .iwc-vs-side.is-external-zoom-winner .iwc-vs-select-btn,
  .iwc-vs-cinema-wrap.is-external-video-pick .iwc-vs-side.is-external-zoom-winner .iwc-vs-select-btn:hover,
  .iwc-vs-cinema-wrap.is-external-video-pick .iwc-vs-side.is-external-zoom-winner .iwc-vs-select-btn:focus{
    display:none !important;
    width:0 !important;
    height:0 !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    box-shadow:none !important;
  }

  .iwc-vs-cinema-wrap.is-external-video-pick .iwc-vs-side.is-external-zoom-winner .iwc-vs-name{
    bottom:12px !important;
  }

  .iwc-vs-cinema-wrap.is-external-video-pick .iwc-vs-side.is-external-zoom-winner .iwc-vs-side-inner,
  .iwc-vs-cinema-wrap.is-external-video-pick .iwc-vs-side.is-external-zoom-winner .iwc-vs-media,
  .iwc-vs-cinema-wrap.is-external-video-pick .iwc-vs-side.is-external-zoom-winner .iwc-vs-media-stage,
  .iwc-vs-cinema-wrap.is-external-video-pick .iwc-vs-side.is-external-zoom-winner .iwc-vs-media-wrap,
  .iwc-vs-cinema-wrap.is-external-video-pick .iwc-vs-side.is-external-zoom-winner .iwc-yt-segment-wrap{
    height:100% !important;
    min-height:0 !important;
  }

  .iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image.iwc-vs-side-left,
  .iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image.iwc-vs-side-left.iwc-vs-enter-left,
  .iwc-vs-cinema-wrap.is-ready .iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image.iwc-vs-side-left.iwc-vs-enter-left{
    left:0 !important;
    right:auto !important;
    width:calc(50% - 6px) !important;
  }

  .iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image.iwc-vs-side-right,
  .iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image.iwc-vs-side-right.iwc-vs-enter-right,
  .iwc-vs-cinema-wrap.is-ready .iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image.iwc-vs-side-right.iwc-vs-enter-right{
    right:0 !important;
    left:auto !important;
    width:calc(50% - 6px) !important;
  }

  .iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image,
  .iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image .iwc-vs-side-inner,
  .iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image .iwc-vs-media,
  .iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image .iwc-vs-media-wrap,
  .iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image .iwc-noimg{
    box-sizing:border-box !important;
    overflow:hidden !important;
    overflow:clip !important;
    clip-path:inset(0) !important;
    contain:paint !important;
    isolation:isolate !important;
  }

  .iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image .iwc-vs-media > img,
  .iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image .iwc-vs-media img,
  .iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image .iwc-vs-media-wrap img,
  .iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image .iwc-vs-media-wrap video,
  .iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image > img{
    max-width:100% !important;
    max-height:100% !important;
    transform:translateZ(0) !important;
  }
}

@media (max-width: 420px){
  .iwc-vs-canvas .iwc-vs-side.is-video .iwc-vs-name{
    left:6px !important;
    right:6px !important;
    bottom:48px !important;
    border-radius:14px !important;
  }

  .iwc-vs-canvas .iwc-vs-side.is-video .iwc-vs-select-btn{
    width:calc(100% - 10px) !important;
    height:36px !important;
    margin:0 5px 5px !important;
    border-radius:12px !important;
  }

  .iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image.iwc-vs-side-left,
  .iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image.iwc-vs-side-left.iwc-vs-enter-left,
  .iwc-vs-cinema-wrap.is-ready .iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image.iwc-vs-side-left.iwc-vs-enter-left{
    width:calc(50% - 5px) !important;
  }

  .iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image.iwc-vs-side-right,
  .iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image.iwc-vs-side-right.iwc-vs-enter-right,
  .iwc-vs-cinema-wrap.is-ready .iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image.iwc-vs-side-right.iwc-vs-enter-right{
    width:calc(50% - 5px) !important;
  }
}

/* =========================================================
   2026-04-04 mobile VS final polish follow-up (base: final_polish)
   - 중앙 VS 파란선 클립은 final_polish 상태 그대로 유지
   - 외부동영상과 선택 버튼 사이 간격만 추가
   - 외부동영상 승자 선택 시 카드 전체 라인/프레임 숨김
   ========================================================= */
@media (max-width: 767px){
  .iwc-vs-canvas .iwc-vs-side.is-video .iwc-vs-select-btn{
    margin:8px 6px 6px !important;
  }

  .iwc-vs-cinema-wrap.is-external-video-center-move .iwc-vs-side.is-external-live-center,
  .iwc-vs-cinema-wrap.is-external-video-pick .iwc-vs-side.is-external-zoom-winner{
    border-color:transparent !important;
    outline:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }

  .iwc-vs-cinema-wrap.is-external-video-center-move .iwc-vs-side.is-external-live-center::before,
  .iwc-vs-cinema-wrap.is-external-video-center-move .iwc-vs-side.is-external-live-center::after,
  .iwc-vs-cinema-wrap.is-external-video-center-move .iwc-vs-side.is-external-live-center .iwc-vs-side-inner::before,
  .iwc-vs-cinema-wrap.is-external-video-center-move .iwc-vs-side.is-external-live-center .iwc-vs-side-inner::after,
  .iwc-vs-cinema-wrap.is-external-video-center-move .iwc-vs-side.is-external-live-center .iwc-vs-overlay,
  .iwc-vs-cinema-wrap.is-external-video-center-move .iwc-vs-side.is-external-live-center .iwc-vs-frame-surge,
  .iwc-vs-cinema-wrap.is-external-video-pick .iwc-vs-side.is-external-zoom-winner::before,
  .iwc-vs-cinema-wrap.is-external-video-pick .iwc-vs-side.is-external-zoom-winner::after,
  .iwc-vs-cinema-wrap.is-external-video-pick .iwc-vs-side.is-external-zoom-winner .iwc-vs-side-inner::before,
  .iwc-vs-cinema-wrap.is-external-video-pick .iwc-vs-side.is-external-zoom-winner .iwc-vs-side-inner::after,
  .iwc-vs-cinema-wrap.is-external-video-pick .iwc-vs-side.is-external-zoom-winner .iwc-vs-overlay,
  .iwc-vs-cinema-wrap.is-external-video-pick .iwc-vs-side.is-external-zoom-winner .iwc-vs-frame-surge{
    display:none !important;
    opacity:0 !important;
    visibility:hidden !important;
    box-shadow:none !important;
    border:0 !important;
    background:transparent !important;
  }
}

@media (max-width: 420px){
  .iwc-vs-canvas .iwc-vs-side.is-video .iwc-vs-select-btn{
    margin:7px 5px 5px !important;
  }
}


/* =========================================================
   2026-04-04 mobile VS followup 2
   - 일반이미지/움짤 모바일 blur 배경 복구
   - 승자 외부동영상 카드의 남는 미세 라인 제거
   ========================================================= */
@media (max-width: 767px){
  /* restore image/gif blur backdrop on mobile */
  .iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image .iwc-vs-media-bg{
    display:block !important;
    visibility:visible !important;
    opacity:.92 !important;
    z-index:0 !important;
    transform:scale(1.04) !important;
    filter:blur(18px) brightness(.42) saturate(1.02) !important;
  }

  .iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image .iwc-vs-media{
    background:#050912 !important;
  }

  .iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image .iwc-vs-media > img,
  .iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image .iwc-vs-media img,
  .iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image > img{
    position:relative !important;
    z-index:1 !important;
    width:auto !important;
    height:auto !important;
    min-width:0 !important;
    min-height:0 !important;
    max-width:none !important;
    max-height:none !important;
    object-fit:contain !important;
    object-position:center center !important;
    transform:none !important;
  }

  .iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image.is-land .iwc-vs-media > img,
  .iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image.is-land .iwc-vs-media img,
  .iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image.is-land > img{
    width:100% !important;
    height:auto !important;
  }

  .iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image.is-port .iwc-vs-media > img,
  .iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image.is-port .iwc-vs-media img,
  .iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image.is-port > img{
    width:auto !important;
    height:100% !important;
  }

  .iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image:not(.is-land):not(.is-port) .iwc-vs-media > img,
  .iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image:not(.is-land):not(.is-port) .iwc-vs-media img,
  .iwc-vs-canvas .iwc-vs-side.iwc-vs-side-image:not(.is-land):not(.is-port) > img{
    width:100% !important;
    height:auto !important;
    min-height:100% !important;
    object-fit:cover !important;
  }

  /* remove tiny residual frame line on external-video winner */
  .iwc-vs-cinema-wrap.is-external-video-center-move .iwc-vs-side.is-external-live-center,
  .iwc-vs-cinema-wrap.is-external-video-center-move .iwc-vs-side.is-external-live-center .iwc-vs-side-inner,
  .iwc-vs-cinema-wrap.is-external-video-center-move .iwc-vs-side.is-external-live-center .iwc-vs-media,
  .iwc-vs-cinema-wrap.is-external-video-center-move .iwc-vs-side.is-external-live-center .iwc-vs-media-stage,
  .iwc-vs-cinema-wrap.is-external-video-center-move .iwc-vs-side.is-external-live-center .iwc-vs-media-wrap,
  .iwc-vs-cinema-wrap.is-external-video-center-move .iwc-vs-side.is-external-live-center .iwc-media-player,
  .iwc-vs-cinema-wrap.is-external-video-center-move .iwc-vs-side.is-external-live-center .iwc-yt-segment-wrap,
  .iwc-vs-cinema-wrap.is-external-video-center-move .iwc-vs-side.is-external-live-center .iwc-yt-segment-player,
  .iwc-vs-cinema-wrap.is-external-video-center-move .iwc-vs-side.is-external-live-center .iwc-yt-segment-mount,
  .iwc-vs-cinema-wrap.is-external-video-pick .iwc-vs-side.is-external-zoom-winner,
  .iwc-vs-cinema-wrap.is-external-video-pick .iwc-vs-side.is-external-zoom-winner .iwc-vs-side-inner,
  .iwc-vs-cinema-wrap.is-external-video-pick .iwc-vs-side.is-external-zoom-winner .iwc-vs-media,
  .iwc-vs-cinema-wrap.is-external-video-pick .iwc-vs-side.is-external-zoom-winner .iwc-vs-media-stage,
  .iwc-vs-cinema-wrap.is-external-video-pick .iwc-vs-side.is-external-zoom-winner .iwc-vs-media-wrap,
  .iwc-vs-cinema-wrap.is-external-video-pick .iwc-vs-side.is-external-zoom-winner .iwc-media-player,
  .iwc-vs-cinema-wrap.is-external-video-pick .iwc-vs-side.is-external-zoom-winner .iwc-yt-segment-wrap,
  .iwc-vs-cinema-wrap.is-external-video-pick .iwc-vs-side.is-external-zoom-winner .iwc-yt-segment-player,
  .iwc-vs-cinema-wrap.is-external-video-pick .iwc-vs-side.is-external-zoom-winner .iwc-yt-segment-mount{
    border:0 !important;
    outline:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    -webkit-box-shadow:none !important;
    filter:none !important;
  }

  .iwc-vs-cinema-wrap.is-external-video-center-move .iwc-vs-side.is-external-live-center::before,
  .iwc-vs-cinema-wrap.is-external-video-center-move .iwc-vs-side.is-external-live-center::after,
  .iwc-vs-cinema-wrap.is-external-video-center-move .iwc-vs-side.is-external-live-center .iwc-vs-side-inner::before,
  .iwc-vs-cinema-wrap.is-external-video-center-move .iwc-vs-side.is-external-live-center .iwc-vs-side-inner::after,
  .iwc-vs-cinema-wrap.is-external-video-pick .iwc-vs-side.is-external-zoom-winner::before,
  .iwc-vs-cinema-wrap.is-external-video-pick .iwc-vs-side.is-external-zoom-winner::after,
  .iwc-vs-cinema-wrap.is-external-video-pick .iwc-vs-side.is-external-zoom-winner .iwc-vs-side-inner::before,
  .iwc-vs-cinema-wrap.is-external-video-pick .iwc-vs-side.is-external-zoom-winner .iwc-vs-side-inner::after{
    display:none !important;
    content:none !important;
    opacity:0 !important;
    box-shadow:none !important;
    border:0 !important;
    background:transparent !important;
  }
}

/* 2026-04-04 mobile result modal visual-viewport autofit */
.iwc-modal-result{
  --iwc-modal-vh:100dvh;
  --iwc-modal-vtop:0px;
  --iwc-modal-vbottom:0px;
  --iwc-modal-visible-h:100dvh;
}

@media (max-width: 980px){
  .iwc-modal-result{
    width:100vw !important;
    height:var(--iwc-modal-vh, 100dvh) !important;
    min-height:var(--iwc-modal-vh, 100dvh) !important;
    max-height:var(--iwc-modal-vh, 100dvh) !important;
    overflow:hidden !important;
  }

  .iwc-modal-result .iwc-modal-box{
    height:var(--iwc-modal-visible-h, 100dvh) !important;
    min-height:var(--iwc-modal-visible-h, 100dvh) !important;
    max-height:var(--iwc-modal-visible-h, 100dvh) !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    overscroll-behavior-y:contain;
    -webkit-overflow-scrolling:touch;
  }

  .iwc-modal-result .iwc-modal-shell{
    min-height:var(--iwc-modal-visible-h, 100dvh) !important;
    padding-bottom:calc(20px + var(--iwc-modal-vbottom, 0px) + env(safe-area-inset-bottom, 0px)) !important;
    box-sizing:border-box !important;
  }

  .iwc-modal-result .iwc-result-cinematic{
    min-height:var(--iwc-modal-visible-h, 100dvh) !important;
    padding-top:calc(18px + env(safe-area-inset-top, 0px)) !important;
    padding-bottom:calc(34px + var(--iwc-modal-vbottom, 0px) + env(safe-area-inset-bottom, 0px)) !important;
    box-sizing:border-box !important;
  }

  .iwc-modal-result .iwc-final-cinematic,
  .iwc-modal-result .iwc-result-comment-shell{
    min-height:0 !important;
  }

  .iwc-modal-result .iwc-result-comments-wrap{
    padding-bottom:calc(16px + env(safe-area-inset-bottom, 0px)) !important;
  }
}

/* =========================================================
   2026-04-04 VS unified nameplate redesign
   - PC/mobile shared cinematic name box style
   - image/gif/external video unified look
   - hover/reveal animation tone aligned
   ========================================================= */
.iwc-vs-cinema-wrap{
  --iwc-nameplate-blue:rgba(86,164,255,.95);
  --iwc-nameplate-pink:rgba(255,116,156,.95);
  --iwc-nameplate-base:rgba(7,11,20,.78);
  --iwc-nameplate-border:rgba(255,255,255,.13);
}

.iwc-vs-name,
.iwc-win-ghost-name{
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:68px !important;
  padding:15px 20px !important;
  border-radius:22px !important;
  border:1px solid var(--iwc-nameplate-border) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.02) 42%, rgba(255,255,255,0) 100%),
    linear-gradient(180deg, rgba(9,14,26,.54) 0%, rgba(7,11,20,.88) 100%) !important;
  box-shadow:
    0 18px 42px rgba(2,6,23,.34),
    inset 0 1px 0 rgba(255,255,255,.12),
    inset 0 -12px 18px rgba(2,6,23,.20) !important;
  backdrop-filter:blur(14px) saturate(1.08) !important;
  -webkit-backdrop-filter:blur(14px) saturate(1.08) !important;
  color:#f8fbff !important;
  font-size:23px !important;
  font-weight:800 !important;
  line-height:1.22 !important;
  letter-spacing:-.02em !important;
  text-shadow:0 2px 10px rgba(0,0,0,.55) !important;
  white-space:normal !important;
  word-break:keep-all !important;
  overflow:hidden !important;
  isolation:isolate !important;
  will-change:transform, opacity, filter, box-shadow !important;
  transition:
    transform .44s cubic-bezier(.2,.8,.2,1),
    opacity .28s ease,
    filter .28s ease,
    border-color .28s ease,
    box-shadow .28s ease !important;
}

.iwc-vs-name::before,
.iwc-win-ghost-name::before{
  content:"";
  position:absolute;
  left:12px;
  right:12px;
  top:0;
  height:1px;
  background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.34), rgba(255,255,255,0));
  opacity:.78;
  pointer-events:none;
}

.iwc-vs-name::after,
.iwc-win-ghost-name::after{
  content:"";
  position:absolute;
  inset:-1px;
  background:linear-gradient(115deg, rgba(255,255,255,0) 18%, rgba(255,255,255,.12) 50%, rgba(255,255,255,0) 82%);
  transform:translateX(-42%);
  opacity:.42;
  mix-blend-mode:screen;
  pointer-events:none;
  transition:transform .8s cubic-bezier(.2,.8,.2,1), opacity .4s ease;
}

.iwc-vs-name-left{
  background:
    linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.02) 42%, rgba(255,255,255,0) 100%),
    radial-gradient(circle at 12% 18%, rgba(76,151,255,.22) 0, rgba(76,151,255,0) 38%),
    linear-gradient(180deg, rgba(9,14,26,.54) 0%, rgba(7,11,20,.90) 100%) !important;
  box-shadow:
    0 18px 42px rgba(2,6,23,.34),
    0 0 0 1px rgba(86,164,255,.08),
    inset 0 1px 0 rgba(255,255,255,.12),
    inset 16px 0 30px rgba(86,164,255,.10),
    inset 0 -12px 18px rgba(2,6,23,.20) !important;
}

.iwc-vs-name-right{
  background:
    linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.02) 42%, rgba(255,255,255,0) 100%),
    radial-gradient(circle at 88% 18%, rgba(255,116,156,.22) 0, rgba(255,116,156,0) 38%),
    linear-gradient(180deg, rgba(9,14,26,.54) 0%, rgba(7,11,20,.90) 100%) !important;
  box-shadow:
    0 18px 42px rgba(2,6,23,.34),
    0 0 0 1px rgba(255,116,156,.08),
    inset 0 1px 0 rgba(255,255,255,.12),
    inset -16px 0 30px rgba(255,116,156,.10),
    inset 0 -12px 18px rgba(2,6,23,.20) !important;
}

.iwc-vs-name-left,
.iwc-vs-name-right,
.iwc-win-ghost-name{
  text-align:center !important;
}

.iwc-vs-cinema-wrap.is-ready .iwc-vs-name-left{
  animation:iwcVsNameplateRevealLeft .72s cubic-bezier(.19,.88,.22,1) .08s both;
}

.iwc-vs-cinema-wrap.is-ready .iwc-vs-name-right{
  animation:iwcVsNameplateRevealRight .72s cubic-bezier(.19,.88,.22,1) .16s both;
}

.iwc-vs-cinema-wrap.is-picking .iwc-vs-name{
  animation:none !important;
}

.iwc-vs-side:hover .iwc-vs-name,
.iwc-vs-side:focus .iwc-vs-name,
.iwc-vs-side:focus-visible .iwc-vs-name{
  transform:translateY(-4px) scale(1.015) !important;
  border-color:rgba(255,255,255,.20) !important;
  box-shadow:
    0 22px 50px rgba(2,6,23,.38),
    0 0 0 1px rgba(255,255,255,.06),
    inset 0 1px 0 rgba(255,255,255,.16),
    inset 0 -14px 22px rgba(2,6,23,.24) !important;
}

.iwc-vs-side:hover .iwc-vs-name::after,
.iwc-vs-side:focus .iwc-vs-name::after,
.iwc-vs-side:focus-visible .iwc-vs-name::after{
  transform:translateX(18%);
  opacity:.72;
}

.iwc-vs-name.is-loser-name{
  filter:saturate(.78) brightness(.86) !important;
}

.iwc-vs-name.is-winner-source-name,
.iwc-win-ghost-name{
  box-shadow:
    0 22px 52px rgba(2,6,23,.44),
    0 0 0 1px rgba(255,255,255,.08),
    inset 0 1px 0 rgba(255,255,255,.16),
    inset 0 -14px 22px rgba(2,6,23,.24) !important;
}

@keyframes iwcVsNameplateRevealLeft{
  0%{ opacity:0; transform:translate3d(-18px, 14px, 0) scale(.96); filter:blur(6px); }
  100%{ opacity:1; transform:translate3d(0, 0, 0) scale(1); filter:blur(0); }
}

@keyframes iwcVsNameplateRevealRight{
  0%{ opacity:0; transform:translate3d(18px, 14px, 0) scale(.96); filter:blur(6px); }
  100%{ opacity:1; transform:translate3d(0, 0, 0) scale(1); filter:blur(0); }
}

@media (max-width: 980px){
  .iwc-vs-name,
  .iwc-win-ghost-name{
    min-height:58px !important;
    padding:12px 15px !important;
    border-radius:18px !important;
    font-size:18px !important;
    line-height:1.2 !important;
  }
}

@media (max-width: 767px){
  .iwc-vs-name,
  .iwc-win-ghost-name{
    min-height:54px !important;
    padding:11px 13px !important;
    border-radius:17px !important;
    font-size:16px !important;
    box-shadow:
      0 14px 28px rgba(2,6,23,.30),
      0 0 0 1px rgba(255,255,255,.06),
      inset 0 1px 0 rgba(255,255,255,.12),
      inset 0 -10px 14px rgba(2,6,23,.18) !important;
  }

  .iwc-vs-name::before,
  .iwc-win-ghost-name::before{
    left:10px;
    right:10px;
  }
}

@media (max-width: 420px){
  .iwc-vs-name,
  .iwc-win-ghost-name{
    min-height:50px !important;
    padding:10px 12px !important;
    border-radius:16px !important;
    font-size:14px !important;
  }
}

/* =========================================================
   2026-04-04 VS nameplate redesign follow-up
   - minimalist premium override
   ========================================================= */
.iwc-vs-cinema-wrap{
  --iwc-nameplate-min-bg:rgba(10,14,24,.74);
  --iwc-nameplate-min-bg-2:rgba(8,11,19,.88);
  --iwc-nameplate-min-border:rgba(255,255,255,.11);
  --iwc-nameplate-min-highlight:rgba(255,255,255,.12);
  --iwc-nameplate-min-blue:rgba(91,163,255,.92);
  --iwc-nameplate-min-pink:rgba(255,126,166,.92);
}

.iwc-vs-name,
.iwc-win-ghost-name{
  min-height:62px !important;
  padding:14px 18px !important;
  border-radius:16px !important;
  border:1px solid var(--iwc-nameplate-min-border) !important;
  background:linear-gradient(180deg, var(--iwc-nameplate-min-bg) 0%, var(--iwc-nameplate-min-bg-2) 100%) !important;
  box-shadow:
    0 12px 28px rgba(2,6,23,.22),
    inset 0 1px 0 var(--iwc-nameplate-min-highlight) !important;
  backdrop-filter:blur(10px) saturate(1.03) !important;
  -webkit-backdrop-filter:blur(10px) saturate(1.03) !important;
  color:#f5f7fb !important;
  font-size:21px !important;
  font-weight:700 !important;
  line-height:1.24 !important;
  letter-spacing:-.02em !important;
  text-shadow:0 1px 3px rgba(0,0,0,.28) !important;
  transition:
    transform .24s ease,
    opacity .22s ease,
    border-color .22s ease,
    box-shadow .22s ease,
    background-color .22s ease !important;
}

.iwc-vs-name::before,
.iwc-win-ghost-name::before{
  left:14px;
  right:14px;
  top:0;
  height:1px;
  background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.18), rgba(255,255,255,0));
  opacity:1;
}

.iwc-vs-name::after,
.iwc-win-ghost-name::after{
  inset:auto auto 12px 14px;
  width:34px;
  height:2px;
  border-radius:999px;
  background:rgba(255,255,255,.18);
  transform:none;
  opacity:1;
  mix-blend-mode:normal;
  transition:opacity .22s ease, width .22s ease, background-color .22s ease;
}

.iwc-vs-name-left{
  background:
    linear-gradient(180deg, rgba(11,15,25,.74) 0%, rgba(8,11,19,.90) 100%),
    linear-gradient(90deg, rgba(91,163,255,.08) 0%, rgba(91,163,255,0) 42%) !important;
  box-shadow:
    0 12px 28px rgba(2,6,23,.22),
    inset 2px 0 0 rgba(91,163,255,.42),
    inset 0 1px 0 rgba(255,255,255,.10) !important;
}

.iwc-vs-name-right{
  background:
    linear-gradient(180deg, rgba(11,15,25,.74) 0%, rgba(8,11,19,.90) 100%),
    linear-gradient(270deg, rgba(255,126,166,.08) 0%, rgba(255,126,166,0) 42%) !important;
  box-shadow:
    0 12px 28px rgba(2,6,23,.22),
    inset -2px 0 0 rgba(255,126,166,.42),
    inset 0 1px 0 rgba(255,255,255,.10) !important;
}

.iwc-vs-name-left::after{
  background:rgba(91,163,255,.62);
}

.iwc-vs-name-right::after{
  background:rgba(255,126,166,.62);
  left:auto;
  right:14px;
}

.iwc-vs-side:hover .iwc-vs-name,
.iwc-vs-side:focus .iwc-vs-name,
.iwc-vs-side:focus-visible .iwc-vs-name{
  transform:translateY(-2px) !important;
  border-color:rgba(255,255,255,.16) !important;
  box-shadow:
    0 16px 34px rgba(2,6,23,.26),
    inset 0 1px 0 rgba(255,255,255,.12) !important;
}

.iwc-vs-side:hover .iwc-vs-name::after,
.iwc-vs-side:focus .iwc-vs-name::after,
.iwc-vs-side:focus-visible .iwc-vs-name::after{
  width:44px;
  opacity:1;
}

.iwc-vs-cinema-wrap.is-ready .iwc-vs-name-left{
  animation:iwcVsNameplateMinimalRevealLeft .42s cubic-bezier(.22,.78,.22,1) .05s both;
}

.iwc-vs-cinema-wrap.is-ready .iwc-vs-name-right{
  animation:iwcVsNameplateMinimalRevealRight .42s cubic-bezier(.22,.78,.22,1) .11s both;
}

.iwc-vs-name.is-loser-name{
  filter:saturate(.8) brightness(.9) !important;
  opacity:.78 !important;
}

.iwc-vs-name.is-winner-source-name,
.iwc-win-ghost-name{
  box-shadow:
    0 16px 34px rgba(2,6,23,.28),
    inset 0 1px 0 rgba(255,255,255,.12) !important;
}

@keyframes iwcVsNameplateMinimalRevealLeft{
  0%{ opacity:0; transform:translate3d(-10px, 8px, 0); }
  100%{ opacity:1; transform:translate3d(0,0,0); }
}

@keyframes iwcVsNameplateMinimalRevealRight{
  0%{ opacity:0; transform:translate3d(10px, 8px, 0); }
  100%{ opacity:1; transform:translate3d(0,0,0); }
}

@media (max-width: 980px){
  .iwc-vs-name,
  .iwc-win-ghost-name{
    min-height:56px !important;
    padding:12px 15px !important;
    border-radius:15px !important;
    font-size:17px !important;
  }
}

@media (max-width: 767px){
  .iwc-vs-name,
  .iwc-win-ghost-name{
    min-height:52px !important;
    padding:11px 13px !important;
    border-radius:14px !important;
    font-size:15px !important;
    box-shadow:
      0 10px 22px rgba(2,6,23,.22),
      inset 0 1px 0 rgba(255,255,255,.10) !important;
  }

  .iwc-vs-name::before,
  .iwc-win-ghost-name::before{
    left:12px;
    right:12px;
  }

  .iwc-vs-name::after,
  .iwc-win-ghost-name::after{
    bottom:10px;
    left:12px;
    width:28px;
  }

  .iwc-vs-name-right::after{
    left:auto;
    right:12px;
  }
}

@media (max-width: 420px){
  .iwc-vs-name,
  .iwc-win-ghost-name{
    min-height:48px !important;
    padding:10px 12px !important;
    border-radius:13px !important;
    font-size:14px !important;
  }
}

/* =========================================================
   2026-04-04 VS nameplate redesign follow-up
   - ultra-thin high-end webapp override
   ========================================================= */
.iwc-vs-cinema-wrap{
  --iwc-nameplate-app-bg:rgba(9,13,22,.68);
  --iwc-nameplate-app-bg-2:rgba(8,11,18,.84);
  --iwc-nameplate-app-border:rgba(255,255,255,.085);
  --iwc-nameplate-app-highlight:rgba(255,255,255,.085);
  --iwc-nameplate-app-shadow:rgba(2,6,23,.20);
  --iwc-nameplate-app-blue:rgba(95,165,255,.82);
  --iwc-nameplate-app-pink:rgba(255,128,168,.82);
  --iwc-nameplate-app-text:#f6f8fc;
}

.iwc-vs-name,
.iwc-win-ghost-name{
  min-height:56px !important;
  padding:12px 16px !important;
  border-radius:13px !important;
  border:1px solid var(--iwc-nameplate-app-border) !important;
  background:linear-gradient(180deg, var(--iwc-nameplate-app-bg) 0%, var(--iwc-nameplate-app-bg-2) 100%) !important;
  box-shadow:
    0 10px 24px var(--iwc-nameplate-app-shadow),
    inset 0 1px 0 var(--iwc-nameplate-app-highlight) !important;
  backdrop-filter:blur(8px) saturate(1.02) !important;
  -webkit-backdrop-filter:blur(8px) saturate(1.02) !important;
  color:var(--iwc-nameplate-app-text) !important;
  font-size:19px !important;
  font-weight:700 !important;
  line-height:1.2 !important;
  letter-spacing:-.024em !important;
  text-shadow:0 1px 2px rgba(0,0,0,.20) !important;
  transition:
    transform .18s ease,
    opacity .18s ease,
    border-color .18s ease,
    box-shadow .18s ease,
    background-color .18s ease !important;
}

.iwc-vs-name::before,
.iwc-win-ghost-name::before{
  left:16px;
  right:16px;
  top:0;
  height:1px;
  background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.12), rgba(255,255,255,0));
  opacity:1;
}

.iwc-vs-name::after,
.iwc-win-ghost-name::after{
  inset:auto auto 10px 16px;
  width:24px;
  height:1.5px;
  border-radius:999px;
  background:rgba(255,255,255,.14);
  transform:none;
  opacity:1;
  mix-blend-mode:normal;
  transition:opacity .18s ease, width .18s ease, background-color .18s ease;
}

.iwc-vs-name-left{
  background:
    linear-gradient(180deg, rgba(10,14,22,.70) 0%, rgba(8,11,18,.86) 100%),
    linear-gradient(90deg, rgba(95,165,255,.05) 0%, rgba(95,165,255,0) 38%) !important;
  box-shadow:
    0 10px 24px var(--iwc-nameplate-app-shadow),
    inset 1px 0 0 rgba(95,165,255,.46),
    inset 0 1px 0 rgba(255,255,255,.07) !important;
}

.iwc-vs-name-right{
  background:
    linear-gradient(180deg, rgba(10,14,22,.70) 0%, rgba(8,11,18,.86) 100%),
    linear-gradient(270deg, rgba(255,128,168,.05) 0%, rgba(255,128,168,0) 38%) !important;
  box-shadow:
    0 10px 24px var(--iwc-nameplate-app-shadow),
    inset -1px 0 0 rgba(255,128,168,.46),
    inset 0 1px 0 rgba(255,255,255,.07) !important;
}

.iwc-vs-name-left::after{
  background:rgba(95,165,255,.56);
}

.iwc-vs-name-right::after{
  background:rgba(255,128,168,.56);
  left:auto;
  right:16px;
}

.iwc-vs-side:hover .iwc-vs-name,
.iwc-vs-side:focus .iwc-vs-name,
.iwc-vs-side:focus-visible .iwc-vs-name{
  transform:translateY(-1px) !important;
  border-color:rgba(255,255,255,.11) !important;
  box-shadow:
    0 12px 28px rgba(2,6,23,.23),
    inset 0 1px 0 rgba(255,255,255,.09) !important;
}

.iwc-vs-side:hover .iwc-vs-name::after,
.iwc-vs-side:focus .iwc-vs-name::after,
.iwc-vs-side:focus-visible .iwc-vs-name::after{
  width:30px;
  opacity:1;
}

.iwc-vs-cinema-wrap.is-ready .iwc-vs-name-left{
  animation:iwcVsNameplateAppRevealLeft .30s cubic-bezier(.22,.78,.22,1) .04s both;
}

.iwc-vs-cinema-wrap.is-ready .iwc-vs-name-right{
  animation:iwcVsNameplateAppRevealRight .30s cubic-bezier(.22,.78,.22,1) .09s both;
}

.iwc-vs-name.is-loser-name{
  filter:saturate(.86) brightness(.92) !important;
  opacity:.74 !important;
}

.iwc-vs-name.is-winner-source-name,
.iwc-win-ghost-name{
  box-shadow:
    0 12px 28px rgba(2,6,23,.24),
    inset 0 1px 0 rgba(255,255,255,.09) !important;
}

@keyframes iwcVsNameplateAppRevealLeft{
  0%{ opacity:0; transform:translate3d(-8px, 6px, 0); }
  100%{ opacity:1; transform:translate3d(0,0,0); }
}

@keyframes iwcVsNameplateAppRevealRight{
  0%{ opacity:0; transform:translate3d(8px, 6px, 0); }
  100%{ opacity:1; transform:translate3d(0,0,0); }
}

@media (max-width: 980px){
  .iwc-vs-name,
  .iwc-win-ghost-name{
    min-height:50px !important;
    padding:11px 14px !important;
    border-radius:12px !important;
    font-size:16px !important;
  }
}

@media (max-width: 767px){
  .iwc-vs-name,
  .iwc-win-ghost-name{
    min-height:46px !important;
    padding:10px 12px !important;
    border-radius:11px !important;
    font-size:14px !important;
    box-shadow:
      0 8px 18px rgba(2,6,23,.20),
      inset 0 1px 0 rgba(255,255,255,.07) !important;
  }

  .iwc-vs-name::before,
  .iwc-win-ghost-name::before{
    left:12px;
    right:12px;
  }

  .iwc-vs-name::after,
  .iwc-win-ghost-name::after{
    bottom:9px;
    left:12px;
    width:20px;
  }

  .iwc-vs-name-right::after{
    left:auto;
    right:12px;
  }
}

@media (max-width: 420px){
  .iwc-vs-name,
  .iwc-win-ghost-name{
    min-height:42px !important;
    padding:9px 11px !important;
    border-radius:10px !important;
    font-size:13px !important;
  }
}


/* =========================================================
   2026-04-04 VS winner nameplate unify
   - external video / gif / image winner states aligned
   ========================================================= */
.iwc-win-ghost-name,
.iwc-external-live-name-float,
.iwc-external-live-name-float.iwc-vs-name,
.iwc-external-live-name-float.iwc-vs-name-left,
.iwc-external-live-name-float.iwc-vs-name-right{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:50px !important;
  padding:11px 16px !important;
  border-radius:12px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  background:linear-gradient(180deg, rgba(11,15,24,.80) 0%, rgba(7,10,18,.92) 100%) !important;
  box-shadow:0 12px 28px rgba(2,6,23,.30), inset 0 1px 0 rgba(255,255,255,.09) !important;
  backdrop-filter:blur(10px) saturate(1.02) !important;
  -webkit-backdrop-filter:blur(10px) saturate(1.02) !important;
  color:#f6f8fc !important;
  font-size:18px !important;
  font-weight:700 !important;
  line-height:1.2 !important;
  letter-spacing:-.02em !important;
  text-align:center !important;
  text-shadow:0 1px 2px rgba(0,0,0,.22) !important;
  white-space:normal !important;
  word-break:keep-all !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
}

.iwc-win-ghost-name::before,
.iwc-external-live-name-float::before{
  content:"";
  position:absolute;
  left:14px;
  right:14px;
  top:0;
  height:1px;
  background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.12), rgba(255,255,255,0));
  opacity:1;
  pointer-events:none;
}

.iwc-win-ghost-name::after,
.iwc-external-live-name-float::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:9px;
  width:22px;
  height:1.5px;
  border-radius:999px;
  background:rgba(255,255,255,.16) !important;
  transform:translateX(-50%);
  opacity:1;
  pointer-events:none;
}

@media (max-width: 767px){
  .iwc-win-ghost-name,
  .iwc-external-live-name-float,
  .iwc-external-live-name-float.iwc-vs-name,
  .iwc-external-live-name-float.iwc-vs-name-left,
  .iwc-external-live-name-float.iwc-vs-name-right{
    min-height:46px !important;
    padding:10px 13px !important;
    border-radius:11px !important;
    font-size:14px !important;
  }
}

/* =========================================================
   2026-04-04 VS winner/nameplate alignment polish
   - image / gif regular-winner nameplates share same radius
   - left/right cards use true horizontal centering
   ========================================================= */
.iwc-vs-side .iwc-vs-name,
.iwc-vs-side .iwc-vs-name-left,
.iwc-vs-side .iwc-vs-name-right,
.iwc-vs-name.is-winner-source-name{
  left:50% !important;
  right:auto !important;
  text-align:center !important;
  transform:translateX(-50%) !important;
}

.iwc-vs-side:hover .iwc-vs-name,
.iwc-vs-side:hover .iwc-vs-name-left,
.iwc-vs-side:hover .iwc-vs-name-right,
.iwc-vs-side:focus .iwc-vs-name,
.iwc-vs-side:focus .iwc-vs-name-left,
.iwc-vs-side:focus .iwc-vs-name-right,
.iwc-vs-side:focus-visible .iwc-vs-name,
.iwc-vs-side:focus-visible .iwc-vs-name-left,
.iwc-vs-side:focus-visible .iwc-vs-name-right{
  transform:translateX(-50%) translateY(-1px) !important;
}

.iwc-vs-canvas .iwc-vs-side.is-motion .iwc-vs-name,
.iwc-vs-canvas .iwc-vs-side.is-motion .iwc-vs-name-left,
.iwc-vs-canvas .iwc-vs-side.is-motion .iwc-vs-name-right,
.iwc-win-ghost-name{
  border-radius:13px !important;
}

@media (max-width:980px){
  .iwc-vs-canvas .iwc-vs-side.is-motion .iwc-vs-name,
  .iwc-vs-canvas .iwc-vs-side.is-motion .iwc-vs-name-left,
  .iwc-vs-canvas .iwc-vs-side.is-motion .iwc-vs-name-right,
  .iwc-win-ghost-name{
    border-radius:12px !important;
  }
}

@media (max-width:767px){
  .iwc-vs-side .iwc-vs-name,
  .iwc-vs-side .iwc-vs-name-left,
  .iwc-vs-side .iwc-vs-name-right,
  .iwc-vs-name.is-winner-source-name{
    left:50% !important;
    right:auto !important;
    transform:translateX(-50%) !important;
  }

  .iwc-vs-side:hover .iwc-vs-name,
  .iwc-vs-side:hover .iwc-vs-name-left,
  .iwc-vs-side:hover .iwc-vs-name-right,
  .iwc-vs-side:focus .iwc-vs-name,
  .iwc-vs-side:focus .iwc-vs-name-left,
  .iwc-vs-side:focus .iwc-vs-name-right,
  .iwc-vs-side:focus-visible .iwc-vs-name,
  .iwc-vs-side:focus-visible .iwc-vs-name-left,
  .iwc-vs-side:focus-visible .iwc-vs-name-right{
    transform:translateX(-50%) translateY(-1px) !important;
  }

  .iwc-vs-canvas .iwc-vs-side.is-motion .iwc-vs-name,
  .iwc-vs-canvas .iwc-vs-side.is-motion .iwc-vs-name-left,
  .iwc-vs-canvas .iwc-vs-side.is-motion .iwc-vs-name-right,
  .iwc-win-ghost-name{
    border-radius:11px !important;
  }
}

@media (max-width:420px){
  .iwc-vs-canvas .iwc-vs-side.is-motion .iwc-vs-name,
  .iwc-vs-canvas .iwc-vs-side.is-motion .iwc-vs-name-left,
  .iwc-vs-canvas .iwc-vs-side.is-motion .iwc-vs-name-right,
  .iwc-win-ghost-name{
    border-radius:10px !important;
  }
}

/* =========================================================
   2026-04-04 VS nameplate winner-only centering follow-up
   - normal state keeps pre-center seam-aligned placement
   - winner state alone moves to horizontal center
   ========================================================= */
.iwc-vs-side .iwc-vs-name-left:not(.is-winner-source-name):not(.is-center-move):not(.is-loser-name){
  left:auto !important;
  right:4% !important;
  text-align:right !important;
  transform:none !important;
}

.iwc-vs-side .iwc-vs-name-right:not(.is-winner-source-name):not(.is-center-move):not(.is-loser-name){
  left:4% !important;
  right:auto !important;
  text-align:left !important;
  transform:none !important;
}

.iwc-vs-side:hover .iwc-vs-name-left:not(.is-winner-source-name):not(.is-center-move):not(.is-loser-name),
.iwc-vs-side:focus .iwc-vs-name-left:not(.is-winner-source-name):not(.is-center-move):not(.is-loser-name),
.iwc-vs-side:focus-visible .iwc-vs-name-left:not(.is-winner-source-name):not(.is-center-move):not(.is-loser-name){
  left:auto !important;
  right:4% !important;
  text-align:right !important;
  transform:translateY(-1px) !important;
}

.iwc-vs-side:hover .iwc-vs-name-right:not(.is-winner-source-name):not(.is-center-move):not(.is-loser-name),
.iwc-vs-side:focus .iwc-vs-name-right:not(.is-winner-source-name):not(.is-center-move):not(.is-loser-name),
.iwc-vs-side:focus-visible .iwc-vs-name-right:not(.is-winner-source-name):not(.is-center-move):not(.is-loser-name){
  left:4% !important;
  right:auto !important;
  text-align:left !important;
  transform:translateY(-1px) !important;
}

.iwc-vs-name.is-winner-source-name,
.iwc-win-ghost-name,
.iwc-external-live-name-float,
.iwc-external-live-name-float.iwc-vs-name,
.iwc-external-live-name-float.iwc-vs-name-left,
.iwc-external-live-name-float.iwc-vs-name-right{
  left:50% !important;
  right:auto !important;
  text-align:center !important;
  transform:translateX(-50%) !important;
}

@media (max-width: 767px){
  .iwc-vs-side .iwc-vs-name-left:not(.is-winner-source-name):not(.is-center-move):not(.is-loser-name){
    left:auto !important;
    right:4% !important;
    text-align:right !important;
    transform:none !important;
  }

  .iwc-vs-side .iwc-vs-name-right:not(.is-winner-source-name):not(.is-center-move):not(.is-loser-name){
    left:4% !important;
    right:auto !important;
    text-align:left !important;
    transform:none !important;
  }

  .iwc-vs-side:hover .iwc-vs-name-left:not(.is-winner-source-name):not(.is-center-move):not(.is-loser-name),
  .iwc-vs-side:focus .iwc-vs-name-left:not(.is-winner-source-name):not(.is-center-move):not(.is-loser-name),
  .iwc-vs-side:focus-visible .iwc-vs-name-left:not(.is-winner-source-name):not(.is-center-move):not(.is-loser-name){
    transform:translateY(-1px) !important;
  }

  .iwc-vs-side:hover .iwc-vs-name-right:not(.is-winner-source-name):not(.is-center-move):not(.is-loser-name),
  .iwc-vs-side:focus .iwc-vs-name-right:not(.is-winner-source-name):not(.is-center-move):not(.is-loser-name),
  .iwc-vs-side:focus-visible .iwc-vs-name-right:not(.is-winner-source-name):not(.is-center-move):not(.is-loser-name){
    transform:translateY(-1px) !important;
  }
}

/* =========================================================
   2026-04-04 VS winner name float follow-up
   - all winner nameplates glide from original slot to center
   - mobile external video radius unified with image/gif
   ========================================================= */
.iwc-vs-name.is-name-float-hidden,
.iwc-vs-name-left.is-name-float-hidden,
.iwc-vs-name-right.is-name-float-hidden,
.iwc-vs-name.is-winner-source-name.is-name-float-hidden{
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transition:none !important;
}

.iwc-vs-name,
.iwc-vs-name-left,
.iwc-vs-name-right,
.iwc-win-ghost-name,
.iwc-external-live-name-float,
.iwc-external-live-name-float.iwc-vs-name,
.iwc-external-live-name-float.iwc-vs-name-left,
.iwc-external-live-name-float.iwc-vs-name-right,
.iwc-vs-side.is-video .iwc-vs-name,
.iwc-vs-side.is-motion .iwc-vs-name,
.iwc-vs-side.is-video .iwc-vs-name-left,
.iwc-vs-side.is-video .iwc-vs-name-right,
.iwc-vs-side.is-motion .iwc-vs-name-left,
.iwc-vs-side.is-motion .iwc-vs-name-right{
  border-radius:13px !important;
}

@media (max-width: 767px){
  .iwc-vs-name,
  .iwc-vs-name-left,
  .iwc-vs-name-right,
  .iwc-win-ghost-name,
  .iwc-external-live-name-float,
  .iwc-external-live-name-float.iwc-vs-name,
  .iwc-external-live-name-float.iwc-vs-name-left,
  .iwc-external-live-name-float.iwc-vs-name-right,
  .iwc-vs-side.is-video .iwc-vs-name,
  .iwc-vs-side.is-motion .iwc-vs-name,
  .iwc-vs-side.is-video .iwc-vs-name-left,
  .iwc-vs-side.is-video .iwc-vs-name-right,
  .iwc-vs-side.is-motion .iwc-vs-name-left,
  .iwc-vs-side.is-motion .iwc-vs-name-right{
    border-radius:11px !important;
  }
}

@media (max-width: 420px){
  .iwc-vs-name,
  .iwc-vs-name-left,
  .iwc-vs-name-right,
  .iwc-win-ghost-name,
  .iwc-external-live-name-float,
  .iwc-external-live-name-float.iwc-vs-name,
  .iwc-external-live-name-float.iwc-vs-name-left,
  .iwc-external-live-name-float.iwc-vs-name-right,
  .iwc-vs-side.is-video .iwc-vs-name,
  .iwc-vs-side.is-motion .iwc-vs-name,
  .iwc-vs-side.is-video .iwc-vs-name-left,
  .iwc-vs-side.is-video .iwc-vs-name-right,
  .iwc-vs-side.is-motion .iwc-vs-name-left,
  .iwc-vs-side.is-motion .iwc-vs-name-right{
    border-radius:10px !important;
  }
}


/* =========================================================
   2026-04-04 VS winner name float motion boost
   - make winner name glide visibly from side slot to center
   - keep source name hidden while floating ghost handles motion
   ========================================================= */
.iwc-win-ghost-name,
.iwc-external-live-name-float,
.iwc-external-live-name-float.iwc-vs-name,
.iwc-external-live-name-float.iwc-vs-name-left,
.iwc-external-live-name-float.iwc-vs-name-right{
  left:auto !important;
  right:auto !important;
  text-align:center !important;
  transform:translate3d(0,10px,0) scale(.94) !important;
  opacity:.74;
  filter:blur(1.5px);
  will-change:left, top, width, max-width, transform, opacity, filter !important;
}

.iwc-win-ghost-name.is-centering,
.iwc-external-live-name-float.is-animate{
  transform:translate3d(0,0,0) scale(1.03) !important;
  opacity:1 !important;
  filter:blur(0) !important;
}

.iwc-vs-name.is-name-float-hidden,
.iwc-vs-name-left.is-name-float-hidden,
.iwc-vs-name-right.is-name-float-hidden,
.iwc-vs-name.is-winner-source-name.is-name-float-hidden{
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}

@media (prefers-reduced-motion: reduce){
  .iwc-win-ghost-name,
  .iwc-external-live-name-float,
  .iwc-external-live-name-float.iwc-vs-name,
  .iwc-external-live-name-float.iwc-vs-name-left,
  .iwc-external-live-name-float.iwc-vs-name-right{
    transform:none !important;
    filter:none !important;
    opacity:1 !important;
  }
}


/* =========================================================
   2026-04-05 VS winner source name visibility hotfix
   - image / gif winner names were being hidden by legacy rules
   - keep winner-source name visible unless explicitly float-hidden
   ========================================================= */
.iwc-vs-name.is-winner-source-name:not(.is-name-float-hidden),
.iwc-vs-name-left.is-winner-source-name:not(.is-name-float-hidden),
.iwc-vs-name-right.is-winner-source-name:not(.is-name-float-hidden){
  visibility:visible !important;
}

/* =========================================================
   2026-04-05 mobile loser fly-out parity with desktop
   - keep loser visible for a beat on mobile
   - animate loser card offscreen with transform, not instant vanish
   ========================================================= */
@media (max-width: 767px){
  .iwc-vs-cinema-wrap.is-picking .iwc-vs-side.is-loser{
    opacity:1 !important;
    filter:grayscale(.38) brightness(.86) saturate(.82) !important;
    transition:transform 1.04s cubic-bezier(.22,.78,.22,1), opacity .46s ease .12s, filter .38s ease !important;
    will-change:transform, opacity, filter !important;
  }

  .iwc-vs-cinema-wrap.is-picking .iwc-vs-name.is-loser-name,
  .iwc-vs-cinema-wrap.is-picking .iwc-vs-name-left.is-loser-name,
  .iwc-vs-cinema-wrap.is-picking .iwc-vs-name-right.is-loser-name{
    opacity:1 !important;
    filter:saturate(.86) brightness(.94) !important;
    transition:transform .96s cubic-bezier(.22,.78,.22,1), opacity .42s ease .10s, filter .34s ease !important;
    will-change:transform, opacity, filter !important;
  }

  .iwc-vs-side.iwc-exit-left.is-exit-active,
  .iwc-vs-side.iwc-exit-right.is-exit-active{
    will-change:transform, opacity, filter !important;
  }

  .iwc-vs-side.iwc-exit-left.is-exit-active{
    left:0 !important;
    right:auto !important;
    transform:translate3d(-118vw,-50%,0) scale(.92) rotate(-2.2deg) !important;
    opacity:0 !important;
    filter:grayscale(1) brightness(.42) blur(2px) !important;
    transition:transform 1.06s cubic-bezier(.22,.78,.22,1), opacity .46s ease .12s, filter .38s ease !important;
  }

  .iwc-vs-side.iwc-exit-right.is-exit-active{
    left:50% !important;
    right:auto !important;
    transform:translate3d(118vw,-50%,0) scale(.92) rotate(2.2deg) !important;
    opacity:0 !important;
    filter:grayscale(1) brightness(.42) blur(2px) !important;
    transition:transform 1.06s cubic-bezier(.22,.78,.22,1), opacity .46s ease .12s, filter .38s ease !important;
  }
}

/* 2026-04-05 mobile loser fly-out visible motion fix */
@keyframes iwcMobileLoserFlyLeft{
  0%{
    transform:translate3d(0,0,0) scale(1);
    opacity:1;
    filter:grayscale(0) brightness(1);
  }
  58%{
    transform:translate3d(-54vw,0,0) scale(.985);
    opacity:1;
    filter:grayscale(.22) brightness(.92);
  }
  100%{
    transform:translate3d(-132vw,0,0) scale(.94);
    opacity:0;
    filter:grayscale(1) brightness(.42) blur(2px);
  }
}
@keyframes iwcMobileLoserFlyRight{
  0%{
    transform:translate3d(0,0,0) scale(1);
    opacity:1;
    filter:grayscale(0) brightness(1);
  }
  58%{
    transform:translate3d(54vw,0,0) scale(.985);
    opacity:1;
    filter:grayscale(.22) brightness(.92);
  }
  100%{
    transform:translate3d(132vw,0,0) scale(.94);
    opacity:0;
    filter:grayscale(1) brightness(.42) blur(2px);
  }
}

@media (max-width: 767px){
  .iwc-vs-canvas .iwc-vs-side.is-loser:not(.is-exit-active){
    opacity:1 !important;
    filter:grayscale(.14) brightness(.97) !important;
    transform:none !important;
  }

  .iwc-vs-canvas .iwc-vs-side.iwc-exit-left.is-exit-active,
  .iwc-vs-canvas .iwc-vs-side.iwc-exit-right.is-exit-active{
    left:auto !important;
    right:auto !important;
    transition:none !important;
    will-change:transform, opacity, filter !important;
    pointer-events:none !important;
    z-index:12 !important;
  }

  .iwc-vs-canvas .iwc-vs-side.iwc-vs-side-left.iwc-exit-left.is-exit-active{
    left:var(--iwc-vs-side-gap) !important;
    animation:iwcMobileLoserFlyLeft .98s cubic-bezier(.22,.78,.22,1) forwards !important;
  }

  .iwc-vs-canvas .iwc-vs-side.iwc-vs-side-right.iwc-exit-right.is-exit-active{
    right:var(--iwc-vs-side-gap) !important;
    left:auto !important;
    animation:iwcMobileLoserFlyRight .98s cubic-bezier(.22,.78,.22,1) forwards !important;
  }

  .iwc-vs-canvas .iwc-vs-side.iwc-exit-left.is-exit-active .iwc-vs-side-inner,
  .iwc-vs-canvas .iwc-vs-side.iwc-exit-right.is-exit-active .iwc-vs-side-inner{
    animation:none !important;
  }

  .iwc-vs-cinema-wrap.is-picking .iwc-vs-side.is-loser .iwc-vs-name:not(.is-loser-name){
    opacity:.82 !important;
    filter:none !important;
  }
}


/* 2026-04-05 mobile loser real-card fly ghost */
.iwc-mobile-loser-fly-ghost,
.iwc-mobile-loser-fly-ghost.iwc-vs-side,
.iwc-mobile-loser-fly-ghost.iwc-vs-side-left,
.iwc-mobile-loser-fly-ghost.iwc-vs-side-right{
  position:fixed !important;
  left:auto !important;
  right:auto !important;
  top:auto !important;
  bottom:auto !important;
  transform:none !important;
  z-index:50020 !important;
  pointer-events:none !important;
}
.iwc-mobile-loser-fly-ghost .iwc-vs-side-inner{
  height:100% !important;
}
@media (max-width: 767px){
  .iwc-mobile-loser-fly-ghost .iwc-vs-select-btn{
    pointer-events:none !important;
  }
}


/* 2026-04-05 mobile loser fly polish for external video */
.iwc-mobile-loser-source-hide{
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}
.iwc-mobile-loser-video-poster-ghost .iwc-vs-media-stage,
.iwc-mobile-loser-video-poster-ghost .iwc-vs-media,
.iwc-mobile-loser-video-poster-ghost .iwc-vs-media-wrap{
  position:relative !important;
  overflow:hidden !important;
}
.iwc-mobile-loser-video-poster-ghost .iwc-mobile-video-fly-poster{
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  background-repeat:no-repeat !important;
  background-position:center center !important;
  background-size:cover !important;
  z-index:3 !important;
  pointer-events:none !important;
}
.iwc-mobile-loser-video-poster-ghost iframe,
.iwc-mobile-loser-video-poster-ghost .iwc-yt-segment-player,
.iwc-mobile-loser-video-poster-ghost .iwc-yt-segment-mount{
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}
.iwc-mobile-loser-video-poster-ghost .iwc-vs-media-bg{
  filter:blur(10px) brightness(.6) saturate(1.04) !important;
  opacity:.9 !important;
}
@media (max-width: 767px){
  .iwc-mobile-loser-fly-ghost{
    backface-visibility:hidden !important;
    -webkit-backface-visibility:hidden !important;
  }
}


/* =================================
   우승 히스토리 / 상세 랭킹 mp4 썸네일 보정
   ================================= */
.iwc-history-record-thumb.is-local-video-thumb,
.iwc-rank-thumb.is-local-video-thumb,
.iwc-history-record-thumb .iwc-history-thumb-media.is-local-video-thumb,
.iwc-rank-thumb .iwc-rank-thumb-media.is-local-video-thumb{
  display:flex;
  align-items:center;
  justify-content:center;
  background:#0b1120;
}

.iwc-history-record-thumb .iwc-history-thumb-media,
.iwc-rank-thumb .iwc-rank-thumb-media{
  width:100%;
  height:100%;
  overflow:hidden;
  border-radius:inherit;
}

.iwc-history-record-thumb .iwc-history-thumb-media video,
.iwc-rank-thumb .iwc-rank-thumb-media video{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
  object-position:center center;
  background:#0b1120;
}

/* =================================
   내 기록 / 상세 랭킹 / 갤러리 mp4 보정
   ================================= */
.iwc-record-thumb.is-local-video-thumb,
.iwc-record-thumb .iwc-history-thumb-media.is-local-video-thumb{
  display:flex;
  align-items:center;
  justify-content:center;
  background:#0b1120;
}

.iwc-record-thumb .iwc-history-thumb-media{
  width:100%;
  height:100%;
  overflow:hidden;
  border-radius:inherit;
}

.iwc-record-thumb .iwc-history-thumb-media video{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
  object-position:center center;
  background:#0b1120;
}

.iwc-rank-thumb a.iwc-gallery-open-video{
  display:block;
  width:100%;
  height:100%;
}

.iwc-gallery-stage-inner img,
.iwc-gallery-stage-inner video{
  max-width:100%;
  max-height:100%;
  width:auto;
  height:auto;
  display:block;
  object-fit:contain;
  box-shadow:0 12px 40px rgba(0,0,0,.28);
  user-select:none;
  -webkit-user-drag:none;
  transition:
    opacity .22s ease,
    transform .24s ease,
    filter .24s ease;
  will-change:transform, opacity;
  background:#0b1120;
}

.iwc-gallery-stage-inner video{
  width:100%;
  height:100%;
}

.iwc-gallery-stage-inner.is-anim-prev img,
.iwc-gallery-stage-inner.is-anim-prev video{
  animation:iwcGallerySlidePrev .22s ease;
}

.iwc-gallery-stage-inner.is-anim-next img,
.iwc-gallery-stage-inner.is-anim-next video{
  animation:iwcGallerySlideNext .22s ease;
}

.iwc-gallery-stage-inner.is-anim-fade img,
.iwc-gallery-stage-inner.is-anim-fade video{
  animation:iwcGalleryFade .20s ease;
}


/* 2026-04-05 detail image viewer motion(mp4/webm) handling aligned with member uploader */
.iwc-gallery-stage-inner.is-motion-preview video{
  width:auto;
  height:auto;
  max-width:100%;
  max-height:min(78vh,calc(100vh - 220px));
  object-fit:contain;
  border:0;
  border-radius:18px;
  background:#000;
  box-shadow:0 12px 40px rgba(0,0,0,.28);
}

@media (max-width: 767px){
  .iwc-gallery-stage-inner.is-motion-preview video{
    max-height:min(72vh,calc(100vh - 200px));
    border-radius:14px;
  }
}


/* 2026-04-05 detail ranking external video viewer aligned with uploader image view */
.iwc-rank-thumb a.iwc-gallery-open-video{
  position:relative;
  overflow:hidden;
}

.iwc-gallery-play-mark{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  z-index:2;
  width:46px;
  height:46px;
  border-radius:999px;
  background:rgba(15,23,42,.72);
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-size:20px;
  line-height:1;
  backdrop-filter:blur(4px);
  box-shadow:0 8px 20px rgba(0,0,0,.25);
  pointer-events:none;
}

.iwc-gallery-play-mark.small{
  width:28px;
  height:28px;
  font-size:14px;
}

.iwc-gallery-thumb-fallback{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-size:10px;
  font-weight:800;
  background:#0b1120;
}

.iwc-gallery-video-embed{
  display:none;
  width:100%;
  height:100%;
  align-items:center;
  justify-content:center;
  transition:opacity .22s ease,transform .24s ease,filter .24s ease;
  will-change:transform,opacity;
}

.iwc-gallery-video-embed iframe{
  width:min(100%,1280px);
  height:min(56.25vw,78vh);
  max-height:100%;
  border:0;
  background:#000;
  display:block;
  border-radius:18px;
  box-shadow:0 12px 40px rgba(0,0,0,.28);
}

.iwc-gallery-video-embed .iwc-gallery-yt-wrap{
  position:relative;
  width:min(100%,1280px);
  height:min(56.25vw,78vh);
  max-height:100%;
  background:#000;
  display:block;
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 12px 40px rgba(0,0,0,.28);
}

.iwc-gallery-video-embed .iwc-yt-segment-player,
.iwc-gallery-video-embed .iwc-yt-segment-wrap,
.iwc-gallery-video-embed .iwc-yt-segment-mount{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}

.iwc-gallery-stage-inner.is-anim-prev .iwc-gallery-video-embed,
.iwc-gallery-stage-inner.is-anim-next .iwc-gallery-video-embed,
.iwc-gallery-stage-inner.is-anim-fade .iwc-gallery-video-embed{
  display:flex;
}

.iwc-gallery-stage-inner.is-anim-prev .iwc-gallery-video-embed iframe,
.iwc-gallery-stage-inner.is-anim-prev .iwc-gallery-video-embed .iwc-gallery-yt-wrap,
.iwc-gallery-stage-inner.is-anim-prev .iwc-gallery-video-embed .iwc-gallery-thumb-fallback{
  animation:iwcGallerySlidePrev .22s ease;
}

.iwc-gallery-stage-inner.is-anim-next .iwc-gallery-video-embed iframe,
.iwc-gallery-stage-inner.is-anim-next .iwc-gallery-video-embed .iwc-gallery-yt-wrap,
.iwc-gallery-stage-inner.is-anim-next .iwc-gallery-video-embed .iwc-gallery-thumb-fallback{
  animation:iwcGallerySlideNext .22s ease;
}

.iwc-gallery-stage-inner.is-anim-fade .iwc-gallery-video-embed iframe,
.iwc-gallery-stage-inner.is-anim-fade .iwc-gallery-video-embed .iwc-gallery-yt-wrap,
.iwc-gallery-stage-inner.is-anim-fade .iwc-gallery-video-embed .iwc-gallery-thumb-fallback{
  animation:iwcGalleryFade .20s ease;
}

@media (max-width: 767px){
  .iwc-gallery-play-mark{
    width:40px;
    height:40px;
    font-size:18px;
  }

  .iwc-gallery-video-embed iframe,
  .iwc-gallery-video-embed .iwc-gallery-yt-wrap{
    width:100%;
    height:min(56.25vw,72vh);
    border-radius:14px;
  }
}

/* 2026-04-05 external video gallery reuse stability */
.iwc-gallery-video-embed .iwc-gallery-embed-entry,
.iwc-member-gallery-video .iwc-gallery-embed-entry{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
}

.iwc-gallery-video-embed .iwc-gallery-embed-entry{
  position:relative;
}

.iwc-gallery-video-embed .iwc-gallery-iframe-wrap,
.iwc-gallery-video-embed .iwc-gallery-yt-wrap,
.iwc-member-gallery-video .iwc-gallery-iframe-wrap,
.iwc-member-gallery-video .iwc-yt-segment-wrap{
  position:relative;
  width:min(100%,1280px);
  height:min(56.25vw,78vh);
  max-height:100%;
  background:#000;
  display:block;
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 12px 40px rgba(0,0,0,.28);
}

.iwc-gallery-embed-poster{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:#05070d;
  z-index:2;
  transition:opacity .22s ease, visibility .22s ease;
}

.iwc-gallery-embed-poster img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
  filter:brightness(.94);
}

.iwc-gallery-embed-poster .iwc-gallery-play-mark{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%, -50%);
}

.iwc-gallery-embed-entry.is-ready .iwc-gallery-embed-poster{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}

@media (max-width: 767px){
  .iwc-gallery-video-embed .iwc-gallery-iframe-wrap,
  .iwc-gallery-video-embed .iwc-gallery-yt-wrap,
  .iwc-member-gallery-video .iwc-gallery-iframe-wrap,
  .iwc-member-gallery-video .iwc-yt-segment-wrap{
    width:100%;
    height:min(56.25vw,72vh);
    border-radius:14px;
  }
}

.iwc-member-gallery-video{
  display:none;
  width:100%;
  height:100%;
  align-items:center;
  justify-content:center;
  transition:opacity .22s ease,transform .24s ease,filter .24s ease;
  will-change:transform,opacity;
}

.iwc-member-gallery-video iframe,
.iwc-member-gallery-video .iwc-yt-segment-wrap{
  width:min(100%,1280px);
  height:min(56.25vw,78vh);
  max-height:100%;
  border:0;
  background:#000;
  display:block;
  border-radius:18px;
  box-shadow:0 12px 40px rgba(0,0,0,.28);
}

.iwc-member-gallery-video .iwc-yt-segment-wrap{
  position:relative;
  overflow:hidden;
}

.iwc-member-gallery-video .iwc-yt-segment-player,
.iwc-member-gallery-video .iwc-yt-segment-mount{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}

.iwc-gallery-stage-inner.is-anim-prev .iwc-member-gallery-video iframe,
.iwc-gallery-stage-inner.is-anim-prev .iwc-member-gallery-video .iwc-yt-segment-wrap,
.iwc-gallery-stage-inner.is-anim-prev .iwc-member-gallery-video .iwc-member-noimg{
  animation:iwcGallerySlidePrev .22s ease;
}

.iwc-gallery-stage-inner.is-anim-next .iwc-member-gallery-video iframe,
.iwc-gallery-stage-inner.is-anim-next .iwc-member-gallery-video .iwc-yt-segment-wrap,
.iwc-gallery-stage-inner.is-anim-next .iwc-member-gallery-video .iwc-member-noimg{
  animation:iwcGallerySlideNext .22s ease;
}

.iwc-gallery-stage-inner.is-anim-fade .iwc-member-gallery-video iframe,
.iwc-gallery-stage-inner.is-anim-fade .iwc-member-gallery-video .iwc-yt-segment-wrap,
.iwc-gallery-stage-inner.is-anim-fade .iwc-member-gallery-video .iwc-member-noimg{
  animation:iwcGalleryFade .20s ease;
}

@media (max-width: 767px){
  .iwc-member-gallery-video iframe,
  .iwc-member-gallery-video .iwc-yt-segment-wrap{
    width:100%;
    height:min(56.25vw,72vh);
    border-radius:14px;
  }
}


/* 2026-04-05 detail ranking redesigned to winner-history style */
.iwc-detail-rank-history-box{
  padding:18px 18px 10px;
}
.iwc-detail-rank-history-item{
  position:relative;
  display:flex;
  align-items:center;
  gap:18px;
  padding:20px 22px;
  border:1px solid #d7e4f4;
  border-radius:24px;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(247,250,255,.96));
  box-shadow:0 16px 38px rgba(15,23,42,.06);
  overflow:hidden;
}
.iwc-detail-rank-history-item::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:5px;
  background:linear-gradient(180deg,#2563eb,#60a5fa);
  opacity:.95;
}
.iwc-detail-rank-history-item::after{
  content:"";
  position:absolute;
  right:-48px;
  bottom:-56px;
  width:180px;
  height:180px;
  background:radial-gradient(circle,rgba(191,219,254,.24),rgba(191,219,254,0) 70%);
  pointer-events:none;
}
.iwc-detail-rank-history-item + .iwc-detail-rank-history-item{
  margin-top:14px;
}
.iwc-detail-rank-history-leading{
  position:relative;
  z-index:1;
  flex:0 0 auto;
}
.iwc-detail-rank-history-medal{
  width:58px;
  height:58px;
  border-radius:20px;
  font-size:20px;
  font-weight:900;
  color:#0f172a;
  background:linear-gradient(135deg,#f8fbff,#dbeafe);
  border:1px solid #bfdbfe;
  box-shadow:0 14px 26px rgba(37,99,235,.12);
}
.iwc-detail-rank-history-item:nth-child(1) .iwc-detail-rank-history-medal{background:linear-gradient(135deg,#fde68a,#fff7d6);border-color:#facc15;}
.iwc-detail-rank-history-item:nth-child(2) .iwc-detail-rank-history-medal{background:linear-gradient(135deg,#e5e7eb,#f8fafc);border-color:#d1d5db;}
.iwc-detail-rank-history-item:nth-child(3) .iwc-detail-rank-history-medal{background:linear-gradient(135deg,#fdba74,#fff7ed);border-color:#fb923c;}
.iwc-detail-rank-history-thumb-wrap{
  position:relative;
  z-index:1;
  flex:0 0 auto;
}
.iwc-detail-rank-history-thumb{
  width:136px;
  min-width:136px;
  height:136px;
  border-radius:22px;
  overflow:hidden;
  border:1px solid rgba(219,234,254,.95);
  box-shadow:0 10px 24px rgba(37,99,235,.10);
  background:#eef4fb;
}
.iwc-detail-rank-history-thumb a{display:block;width:100%;height:100%;}
.iwc-detail-rank-history-thumb a img,
.iwc-detail-rank-history-thumb .iwc-rank-thumb-media,
.iwc-detail-rank-history-thumb .iwc-rank-thumb-media video{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}
.iwc-detail-rank-history-main{
  position:relative;
  z-index:1;
  min-width:0;
  flex:1 1 auto;
  gap:12px;
}
.iwc-detail-rank-history-title-row{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  margin:0;
}
.iwc-detail-rank-history-name{
  min-width:0;
  font-size:20px;
  font-weight:900;
  color:#0f172a;
  line-height:1.35;
  word-break:keep-all;
}
.iwc-detail-rank-history-progresses{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:12px;
}
.iwc-detail-rank-history-progress{
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:12px 14px;
  border-radius:18px;
  background:linear-gradient(180deg,#f8fbff,#ffffff);
  border:1px solid #dbeafe;
  box-shadow:0 8px 18px rgba(37,99,235,.06);
}
.iwc-detail-rank-history-progress-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}
.iwc-detail-rank-history-progress-head span{
  font-size:12px;
  font-weight:900;
  color:#64748b;
  letter-spacing:-.01em;
}
.iwc-detail-rank-history-progress-head strong{
  font-size:16px;
  font-weight:900;
  color:#0f172a;
  line-height:1;
}
.iwc-detail-rank-history-progress-bar{
  position:relative;
  height:10px;
  border-radius:999px;
  background:#e6eefb;
  overflow:hidden;
}
.iwc-detail-rank-history-progress-bar span{
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#2563eb,#60a5fa);
  box-shadow:0 6px 12px rgba(37,99,235,.22);
}
.iwc-detail-rank-history-progress-bar.is-win-rate span{
  background:linear-gradient(90deg,#0ea5e9,#38bdf8);
  box-shadow:0 6px 12px rgba(14,165,233,.20);
}
.iwc-detail-rank-history-progress-sub{
  font-size:12px;
  font-weight:800;
  color:#64748b;
  line-height:1.35;
}
.iwc-detail-rank-history-side{
  position:relative;
  z-index:1;
  flex:0 0 146px;
  width:146px;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:8px;
}
.iwc-detail-rank-history-score{
  width:100%;
  padding:16px 16px 14px;
  border-radius:18px;
  background:linear-gradient(135deg,#eff6ff,#ffffff);
  border:1px solid #dbeafe;
  display:flex;
  flex-direction:column;
  gap:6px;
  text-align:right;
  box-shadow:0 10px 24px rgba(37,99,235,.08);
}
.iwc-detail-rank-history-score span{
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
  color:#64748b;
}
.iwc-detail-rank-history-score strong{
  display:flex;
  align-items:flex-end;
  justify-content:flex-end;
  gap:5px;
  font-size:28px;
  line-height:1;
  font-weight:900;
  color:#0f172a;
}
.iwc-detail-rank-history-score-num{
  font-size:28px;
  line-height:1;
  font-weight:900;
}
.iwc-detail-rank-history-score strong em{
  font-style:normal;
  font-size:15px;
  line-height:1.1;
  font-weight:900;
  color:#475569;
}
.iwc-detail-rank-history-side-sub{
  font-size:12px;
  font-weight:800;
  color:#64748b;
  white-space:nowrap;
}
.iwc-detail-rank-history-box .iwc-paging{
  margin-top:16px;
}
@media (max-width: 1024px){
  .iwc-detail-rank-history-item{
    gap:16px;
    padding:18px;
  }
  .iwc-detail-rank-history-thumb{
    width:116px;
    min-width:116px;
    height:116px;
  }
  .iwc-detail-rank-history-name{font-size:18px;}
  .iwc-detail-rank-history-side{flex-basis:132px;width:132px;}
}
@media (max-width: 768px){
  .iwc-detail-rank-history-box{padding:16px 16px 8px;}
  .iwc-detail-rank-history-item{
    flex-wrap:wrap;
    align-items:flex-start;
    gap:14px;
    padding:16px;
    border-radius:22px;
  }
  .iwc-detail-rank-history-medal{width:48px;height:48px;border-radius:16px;font-size:18px;}
  .iwc-detail-rank-history-thumb{width:88px;min-width:88px;height:88px;border-radius:18px;}
  .iwc-detail-rank-history-main{flex:1 1 calc(100% - 150px);min-width:0;}
  .iwc-detail-rank-history-name{font-size:17px;}
  .iwc-detail-rank-history-progresses{grid-template-columns:1fr;gap:10px;}
  .iwc-detail-rank-history-progress{padding:11px 12px;border-radius:16px;}
  .iwc-detail-rank-history-progress-head strong{font-size:15px;}
  .iwc-detail-rank-history-progress-sub{font-size:11px;}
  .iwc-detail-rank-history-side{flex:0 0 100%;width:100%;align-items:stretch;}
  .iwc-detail-rank-history-score{text-align:left;}
  .iwc-detail-rank-history-score strong{justify-content:flex-start;font-size:24px;}
  .iwc-detail-rank-history-score-num{font-size:24px;}
}
@media (max-width: 520px){
  .iwc-detail-rank-history-item{
    display:grid;
    grid-template-columns:48px 80px minmax(0,1fr);
    align-items:start;
  }
  .iwc-detail-rank-history-thumb{width:80px;min-width:80px;height:80px;border-radius:16px;}
  .iwc-detail-rank-history-main{flex:none;gap:10px;}
  .iwc-detail-rank-history-side{grid-column:1 / -1;}
}


/* 2026-04 tournament ranking standalone page */
body.iwc-standalone-body{
  margin:0;
  background:linear-gradient(180deg,#f6f9ff 0%,#eef4ff 100%);
  color:var(--iwc-text);
}
.iwc-standalone-shell{
  max-width:1200px;
  margin:0 auto;
  padding:22px 16px 44px;
}
.iwc-standalone-topbar{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:16px;
}
.iwc-ranking-standalone-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) 190px;
  gap:18px;
  align-items:stretch;
  margin-bottom:18px;
}
.iwc-ranking-standalone-card{
  position:relative;
  overflow:hidden;
  border-radius:26px;
  border:1px solid rgba(148,163,184,.22);
  background:rgba(255,255,255,.92);
  box-shadow:0 26px 54px rgba(15,23,42,.09);
  backdrop-filter:blur(14px);
}
.iwc-ranking-standalone-main{
  display:flex;
  gap:18px;
  align-items:center;
  padding:22px;
}
.iwc-ranking-standalone-cover{
  width:124px;
  min-width:124px;
  height:124px;
  border-radius:24px;
  overflow:hidden;
  border:1px solid rgba(148,163,184,.18);
  background:linear-gradient(135deg,#eff6ff,#f8fafc);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
}
.iwc-ranking-standalone-cover img{width:100%;height:100%;object-fit:cover;display:block;}
.iwc-ranking-standalone-copy{min-width:0;display:flex;flex-direction:column;gap:12px;}
.iwc-ranking-standalone-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  width:max-content;
  padding:7px 12px;
  border-radius:999px;
  background:linear-gradient(135deg,#dbeafe,#eff6ff);
  color:#1d4ed8;
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
}
.iwc-ranking-standalone-title{margin:0;font-size:31px;line-height:1.18;letter-spacing:-.03em;}
.iwc-ranking-standalone-desc{margin:0;color:var(--iwc-text-2);line-height:1.72;}
.iwc-ranking-standalone-chips{display:flex;flex-wrap:wrap;gap:10px;}
.iwc-ranking-standalone-chip{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:38px;
  padding:0 14px;
  border-radius:999px;
  background:#fff;
  border:1px solid rgba(148,163,184,.2);
  color:var(--iwc-text-2);
  font-weight:800;
  box-shadow:0 10px 18px rgba(15,23,42,.04);
}
.iwc-ranking-standalone-stat{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
  padding:22px 18px;
}
.iwc-ranking-standalone-stat strong{font-size:36px;line-height:1;font-weight:900;color:#0f172a;}
.iwc-ranking-standalone-stat span{margin-top:8px;color:var(--iwc-text-2);font-weight:800;}
.iwc-ranking-standalone-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px;}
.iwc-ranking-standalone-actions .iwc-btn,
.iwc-ranking-standalone-actions .iwc-btn-ghost,
.iwc-ranking-standalone-actions .iwc-start-btn{min-height:48px;border-radius:16px;padding:0 18px;}
.iwc-ranking-empty-page{padding:34px 20px;text-align:center;color:var(--iwc-text-2);}
.iwc-ranking-blocked{padding:26px;}
.iwc-ranking-blocked h2{margin:0 0 10px;font-size:26px;}
.iwc-ranking-blocked p{margin:0;color:var(--iwc-text-2);line-height:1.75;}
.iwc-ranking-password-form{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;}
.iwc-ranking-password-form input{flex:1 1 240px;min-height:48px;padding:0 16px;border-radius:16px;border:1px solid var(--iwc-line);background:#fff;}
.iwc-ranking-password-error{margin-top:10px;color:#dc2626;font-weight:800;}
@media (max-width: 820px){
  .iwc-ranking-standalone-hero{grid-template-columns:1fr;}
  .iwc-ranking-standalone-main{padding:18px;align-items:flex-start;}
  .iwc-ranking-standalone-title{font-size:25px;}
}
@media (max-width: 640px){
  .iwc-standalone-shell{padding:16px 12px 34px;}
  .iwc-ranking-standalone-main{flex-direction:column;}
  .iwc-ranking-standalone-cover{width:100%;min-width:0;height:180px;border-radius:22px;}
  .iwc-ranking-standalone-title{font-size:22px;}
  .iwc-ranking-standalone-actions .iwc-btn,
  .iwc-ranking-standalone-actions .iwc-btn-ghost,
  .iwc-ranking-standalone-actions .iwc-start-btn{width:100%;}
}


/* 2026-04 ranking standalone premium history polish */
body.iwc-standalone-body{
  background:
    radial-gradient(circle at top left, rgba(96,165,250,.18), transparent 30%),
    radial-gradient(circle at top right, rgba(251,191,36,.14), transparent 28%),
    linear-gradient(180deg,#f8fbff 0%,#eef4ff 100%);
}
.iwc-ranking-view-shell{
  max-width:1240px;
  padding-top:20px;
}
.iwc-ranking-view-topbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:18px;
}
.iwc-ranking-view-breadcrumbs{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.iwc-ranking-view-panel,
.iwc-ranking-view-hero-card{
  position:relative;
  overflow:hidden;
  border-radius:32px;
  border:1px solid rgba(148,163,184,.20);
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(247,250,255,.92));
  box-shadow:0 30px 70px rgba(15,23,42,.10);
  backdrop-filter:blur(16px);
}
.iwc-ranking-view-panel{padding:28px;}
.iwc-ranking-view-hero-card{padding:28px 28px 24px;margin-bottom:18px;}
.iwc-ranking-view-hero-orb{
  position:absolute;
  border-radius:999px;
  pointer-events:none;
  filter:blur(10px);
  opacity:.8;
}
.iwc-ranking-view-hero-orb-a{
  width:240px;height:240px;right:-70px;top:-90px;
  background:radial-gradient(circle,rgba(96,165,250,.28) 0%,rgba(96,165,250,0) 72%);
}
.iwc-ranking-view-hero-orb-b{
  width:220px;height:220px;left:-70px;bottom:-80px;
  background:radial-gradient(circle,rgba(251,191,36,.22) 0%,rgba(251,191,36,0) 70%);
}
.iwc-ranking-view-hero-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:148px minmax(0,1fr);
  gap:22px;
  align-items:center;
}
.iwc-ranking-view-cover-wrap{display:flex;align-items:center;justify-content:center;}
.iwc-ranking-view-cover-frame{
  width:148px;
  height:148px;
  border-radius:30px;
  overflow:hidden;
  border:1px solid rgba(148,163,184,.18);
  background:linear-gradient(135deg,#eff6ff,#ffffff);
  box-shadow:0 18px 32px rgba(15,23,42,.08), inset 0 1px 0 rgba(255,255,255,.75);
}
.iwc-ranking-view-cover-frame img,
.iwc-ranking-view-cover-frame .iwc-noimg{
  width:100%;height:100%;display:block;object-fit:cover;
}
.iwc-ranking-view-copy{position:relative;z-index:1;display:flex;flex-direction:column;gap:14px;min-width:0;}
.iwc-ranking-view-hero-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  width:max-content;
  min-height:34px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid rgba(147,197,253,.45);
  background:linear-gradient(135deg,#dbeafe,#f8fbff);
  color:#1d4ed8;
  font-size:12px;
  font-weight:900;
  letter-spacing:.10em;
}
.iwc-ranking-view-title{
  margin:0;
  font-size:36px;
  line-height:1.12;
  letter-spacing:-.04em;
  color:#0f172a;
}
.iwc-ranking-view-desc{
  margin:0;
  max-width:820px;
  color:var(--iwc-text-2);
  line-height:1.8;
}
.iwc-ranking-view-chip-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.iwc-ranking-view-chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:40px;
  padding:0 14px;
  border-radius:999px;
  background:rgba(255,255,255,.88);
  border:1px solid rgba(148,163,184,.18);
  color:#334155;
  font-weight:800;
  box-shadow:0 12px 20px rgba(15,23,42,.04);
}
.iwc-ranking-view-stat-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin-top:20px;
}
.iwc-ranking-view-stat-card{
  min-height:118px;
  padding:18px 18px 16px;
  border-radius:24px;
  border:1px solid rgba(148,163,184,.18);
  background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(248,250,252,.9));
  box-shadow:0 14px 24px rgba(15,23,42,.05);
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:8px;
}
.iwc-ranking-view-stat-card span{
  font-size:13px;
  font-weight:900;
  color:#64748b;
  letter-spacing:.04em;
}
.iwc-ranking-view-stat-card strong{
  font-size:34px;
  line-height:1;
  letter-spacing:-.04em;
  color:#0f172a;
}
.iwc-ranking-view-stat-card small{
  color:#94a3b8;
  font-weight:700;
  letter-spacing:.03em;
  text-transform:lowercase;
}
.iwc-ranking-view-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:0 0 18px;
}
.iwc-ranking-view-actions .iwc-btn-ghost,
.iwc-ranking-view-actions .iwc-start-btn{
  min-height:48px;
  border-radius:16px;
  padding:0 18px;
}
.iwc-ranking-view-section{
  position:relative;
}
.iwc-ranking-view-section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  margin:0 0 14px;
  padding:0 4px;
}
.iwc-ranking-view-section-kicker{
  display:inline-block;
  margin-bottom:8px;
  color:#2563eb;
  font-size:12px;
  font-weight:900;
  letter-spacing:.10em;
}
.iwc-ranking-view-section-head h2{
  margin:0;
  font-size:30px;
  line-height:1.16;
  letter-spacing:-.04em;
}
.iwc-ranking-view-section-head p{
  margin:8px 0 0;
  color:var(--iwc-text-2);
  line-height:1.7;
}
.iwc-ranking-view-section .iwc-detail-rank-history-box{
  padding-top:18px;
  border-radius:30px;
  box-shadow:0 26px 60px rgba(15,23,42,.08);
}
.iwc-ranking-view-section .iwc-detail-rank-history-item{
  border-radius:28px;
}
.iwc-ranking-view-section .iwc-detail-rank-history-box .iwc-paging{padding-bottom:12px;}
@media (max-width: 900px){
  .iwc-ranking-view-hero-grid{grid-template-columns:120px minmax(0,1fr);}
  .iwc-ranking-view-cover-frame{width:120px;height:120px;border-radius:26px;}
  .iwc-ranking-view-title{font-size:30px;}
  .iwc-ranking-view-stat-grid{grid-template-columns:1fr;}
}
@media (max-width: 640px){
  .iwc-ranking-view-shell{padding:14px 12px 30px;}
  .iwc-ranking-view-topbar{flex-direction:column;align-items:stretch;}
  .iwc-ranking-view-topbar .iwc-start-btn{width:100%;}
  .iwc-ranking-view-breadcrumbs{display:grid;grid-template-columns:1fr 1fr;}
  .iwc-ranking-view-breadcrumbs .iwc-btn-ghost{justify-content:center;}
  .iwc-ranking-view-hero-card{padding:20px 18px 18px;border-radius:26px;}
  .iwc-ranking-view-hero-grid{grid-template-columns:1fr;gap:16px;}
  .iwc-ranking-view-cover-wrap{justify-content:flex-start;}
  .iwc-ranking-view-cover-frame{width:100%;max-width:none;height:182px;border-radius:24px;}
  .iwc-ranking-view-title{font-size:24px;}
  .iwc-ranking-view-desc{font-size:14px;line-height:1.72;}
  .iwc-ranking-view-chip-row{gap:8px;}
  .iwc-ranking-view-chip{min-height:36px;padding:0 12px;font-size:12px;}
  .iwc-ranking-view-stat-card{min-height:108px;border-radius:20px;padding:16px;}
  .iwc-ranking-view-stat-card strong{font-size:28px;}
  .iwc-ranking-view-actions .iwc-btn-ghost,
  .iwc-ranking-view-actions .iwc-start-btn{width:100%;justify-content:center;}
  .iwc-ranking-view-section-head{padding:0 2px;}
  .iwc-ranking-view-section-head h2{font-size:24px;}
}

/* 2026-04 ranking view top hero redesign */
.iwc-ranking-view-shell{
  max-width:1260px;
}
.iwc-ranking-view-topbar{
  margin-bottom:14px;
}
.iwc-ranking-view-topbar .iwc-btn-ghost,
.iwc-ranking-view-topbar .iwc-start-btn{
  min-height:44px;
  border-radius:14px;
  padding:0 16px;
}
.iwc-ranking-view-hero-card{
  padding:22px 22px 20px;
  border-radius:34px;
  background:
    radial-gradient(circle at top right, rgba(96,165,250,.16), transparent 28%),
    radial-gradient(circle at bottom left, rgba(251,191,36,.14), transparent 26%),
    linear-gradient(180deg, rgba(255,255,255,.97), rgba(246,250,255,.93));
  box-shadow:0 32px 80px rgba(15,23,42,.12);
}
.iwc-ranking-view-hero-head{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:18px;
}
.iwc-ranking-view-hero-labels{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
}
.iwc-ranking-view-hero-status{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid rgba(148,163,184,.20);
  background:rgba(255,255,255,.76);
  color:#334155;
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  box-shadow:0 10px 24px rgba(15,23,42,.05);
}
.iwc-ranking-view-hero-actions-inline{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
}
.iwc-ranking-view-hero-actions-inline .iwc-btn-ghost,
.iwc-ranking-view-hero-actions-inline .iwc-start-btn{
  min-height:46px;
  border-radius:16px;
  padding:0 18px;
}
.iwc-ranking-view-hero-grid-premium{
  grid-template-columns:168px minmax(0,1fr) 280px;
  gap:22px;
  align-items:stretch;
}
.iwc-ranking-view-cover-wrap{
  align-items:stretch;
}
.iwc-ranking-view-cover-frame{
  width:168px;
  height:100%;
  min-height:186px;
  border-radius:28px;
  position:relative;
}
.iwc-ranking-view-cover-frame::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(180deg, rgba(255,255,255,.10), rgba(15,23,42,.10));
  pointer-events:none;
}
.iwc-ranking-view-copy{
  justify-content:space-between;
  padding:6px 0;
}
.iwc-ranking-view-title-wrap{
  display:flex;
  flex-direction:column;
  gap:12px;
}
.iwc-ranking-view-title{
  font-size:38px;
  line-height:1.06;
}
.iwc-ranking-view-desc{
  max-width:none;
  font-size:15px;
}
.iwc-ranking-view-chip-row{
  gap:9px;
}
.iwc-ranking-view-chip{
  min-height:38px;
  padding:0 13px;
  background:rgba(255,255,255,.80);
}
.iwc-ranking-view-stat-strip{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:10px;
}
.iwc-ranking-view-stat-pill{
  min-height:84px;
  padding:14px 16px;
  border-radius:20px;
  border:1px solid rgba(148,163,184,.16);
  background:linear-gradient(180deg, rgba(255,255,255,.86), rgba(247,250,252,.78));
  box-shadow:0 14px 28px rgba(15,23,42,.05);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:8px;
}
.iwc-ranking-view-stat-pill span{
  color:#64748b;
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
}
.iwc-ranking-view-stat-pill strong{
  color:#0f172a;
  font-size:28px;
  line-height:1;
  letter-spacing:-.04em;
}
.iwc-ranking-view-hero-aside{
  position:relative;
  z-index:1;
}
.iwc-ranking-view-snapshot-card{
  height:100%;
  min-height:186px;
  border-radius:28px;
  padding:20px 20px 18px;
  border:1px solid rgba(148,163,184,.18);
  background:linear-gradient(160deg, rgba(15,23,42,.98), rgba(30,41,59,.94));
  color:#fff;
  box-shadow:0 24px 38px rgba(15,23,42,.16);
  display:flex;
  flex-direction:column;
  gap:14px;
}
.iwc-ranking-view-snapshot-kicker{
  color:rgba(191,219,254,.95);
  font-size:11px;
  font-weight:900;
  letter-spacing:.16em;
}
.iwc-ranking-view-snapshot-title{
  font-size:21px;
  line-height:1.28;
  font-weight:900;
  letter-spacing:-.03em;
}
.iwc-ranking-view-snapshot-list{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-top:auto;
}
.iwc-ranking-view-snapshot-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:44px;
  padding:0 14px;
  border-radius:16px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.08);
}
.iwc-ranking-view-snapshot-row span{
  color:rgba(226,232,240,.82);
  font-weight:800;
}
.iwc-ranking-view-snapshot-row strong{
  color:#fff;
  font-size:15px;
  font-weight:900;
}
.iwc-ranking-view-actions{display:none;}

@media (max-width: 1080px){
  .iwc-ranking-view-hero-head{align-items:flex-start;flex-direction:column;}
  .iwc-ranking-view-hero-actions-inline{justify-content:flex-start;}
  .iwc-ranking-view-hero-grid-premium{
    grid-template-columns:148px minmax(0,1fr);
  }
  .iwc-ranking-view-hero-aside{
    grid-column:1 / -1;
  }
  .iwc-ranking-view-snapshot-card{
    min-height:0;
  }
}
@media (max-width: 900px){
  .iwc-ranking-view-hero-grid-premium{
    grid-template-columns:128px minmax(0,1fr);
  }
  .iwc-ranking-view-cover-frame{width:128px;min-height:170px;}
  .iwc-ranking-view-title{font-size:31px;}
  .iwc-ranking-view-stat-strip{grid-template-columns:1fr;}
}
@media (max-width: 640px){
  .iwc-ranking-view-hero-card{
    padding:18px 16px 16px;
    border-radius:28px;
  }
  .iwc-ranking-view-topbar{
    gap:10px;
  }
  .iwc-ranking-view-breadcrumbs{
    grid-template-columns:1fr 1fr;
  }
  .iwc-ranking-view-hero-head{
    margin-bottom:14px;
  }
  .iwc-ranking-view-hero-actions-inline{
    width:100%;
    display:grid;
    grid-template-columns:1fr;
  }
  .iwc-ranking-view-hero-actions-inline .iwc-btn-ghost,
  .iwc-ranking-view-hero-actions-inline .iwc-start-btn{
    width:100%;
    justify-content:center;
  }
  .iwc-ranking-view-hero-grid-premium{
    grid-template-columns:1fr;
    gap:16px;
  }
  .iwc-ranking-view-cover-wrap{
    justify-content:flex-start;
  }
  .iwc-ranking-view-cover-frame{
    width:100%;
    min-height:188px;
    height:188px;
    border-radius:24px;
  }
  .iwc-ranking-view-title{
    font-size:25px;
  }
  .iwc-ranking-view-desc{
    font-size:14px;
  }
  .iwc-ranking-view-chip-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
  }
  .iwc-ranking-view-chip{
    min-width:0;
    justify-content:center;
  }
  .iwc-ranking-view-snapshot-card{
    padding:18px 16px 16px;
    border-radius:22px;
  }
  .iwc-ranking-view-snapshot-title{
    font-size:19px;
  }
}
@media (max-width: 420px){
  .iwc-ranking-view-chip-row{grid-template-columns:1fr;}
  .iwc-ranking-view-stat-pill strong{font-size:24px;}
}


/* 2026-04 ranking page full rebuild */
.iwc-ranking-view-shell{max-width:1240px;margin:0 auto;padding:28px 18px 64px;}
.iwc-ranking-rebuild-hero,.iwc-ranking-rebuild-podium-wrap,.iwc-ranking-rebuild-board-wrap{position:relative;margin-bottom:22px;}
.iwc-ranking-rebuild-backdrop{position:absolute;inset:10px 0 auto 0;height:280px;border-radius:34px;background:radial-gradient(circle at 15% 20%, rgba(59,130,246,.18), transparent 42%),radial-gradient(circle at 85% 10%, rgba(244,114,182,.18), transparent 36%),linear-gradient(180deg, rgba(255,255,255,.92), rgba(248,250,252,.75));filter:blur(2px);pointer-events:none;}
.iwc-ranking-rebuild-main{position:relative;display:grid;grid-template-columns:minmax(280px,390px) minmax(0,1fr);gap:18px;align-items:stretch;}
.iwc-ranking-rebuild-cover-card,.iwc-ranking-rebuild-summary-card,.iwc-ranking-rebuild-podium-card,.iwc-ranking-rebuild-board-wrap .iwc-rank-box{position:relative;border:1px solid rgba(148,163,184,.18);background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,250,252,.92));box-shadow:0 22px 60px rgba(15,23,42,.08);border-radius:30px;overflow:hidden;}
.iwc-ranking-rebuild-cover-card{padding:18px;display:flex;flex-direction:column;gap:16px;min-height:100%;}
.iwc-ranking-rebuild-cover-frame{position:relative;border-radius:24px;overflow:hidden;aspect-ratio:4/3;background:#e2e8f0;}
.iwc-ranking-rebuild-cover-frame img{width:100%;height:100%;object-fit:cover;display:block;}
.iwc-ranking-rebuild-cover-frame::after{content:'';position:absolute;inset:auto 0 0 0;height:40%;background:linear-gradient(180deg, transparent, rgba(15,23,42,.22));pointer-events:none;}
.iwc-ranking-rebuild-cover-meta{display:flex;flex-direction:column;gap:8px;padding:2px 2px 4px;}
.iwc-ranking-rebuild-eyebrow,.iwc-ranking-rebuild-section-kicker{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:900;letter-spacing:.16em;color:#6366f1;text-transform:uppercase;}
.iwc-ranking-rebuild-cover-meta h1{margin:0;font-size:31px;line-height:1.14;letter-spacing:-.04em;color:#0f172a;}
.iwc-ranking-rebuild-cover-meta p{margin:0;color:#475569;line-height:1.72;}
.iwc-ranking-rebuild-summary-card{padding:22px;display:flex;flex-direction:column;gap:18px;min-height:100%;}
.iwc-ranking-rebuild-summary-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;}
.iwc-ranking-rebuild-badges{display:flex;flex-wrap:wrap;gap:10px;align-items:center;}
.iwc-ranking-rebuild-kicker,.iwc-ranking-rebuild-state{display:inline-flex;align-items:center;min-height:34px;padding:0 14px;border-radius:999px;font-size:12px;font-weight:900;}
.iwc-ranking-rebuild-kicker{background:#0f172a;color:#fff;letter-spacing:.12em;}
.iwc-ranking-rebuild-state{background:rgba(59,130,246,.08);color:#2563eb;border:1px solid rgba(59,130,246,.14);}
.iwc-ranking-rebuild-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;}
.iwc-ranking-rebuild-actions .iwc-btn-ghost,.iwc-ranking-rebuild-actions .iwc-start-btn{min-height:44px;border-radius:14px;padding:0 16px;}
.iwc-ranking-rebuild-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
.iwc-ranking-rebuild-metric{padding:16px 16px 14px;border-radius:22px;background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid rgba(226,232,240,.9);}
.iwc-ranking-rebuild-metric span{display:block;font-size:12px;font-weight:800;color:#64748b;}
.iwc-ranking-rebuild-metric strong{display:block;margin-top:10px;font-size:30px;line-height:1;font-weight:900;color:#0f172a;letter-spacing:-.04em;}
.iwc-ranking-rebuild-leader{display:flex;justify-content:space-between;gap:18px;align-items:stretch;padding:18px;border-radius:26px;background:linear-gradient(135deg,#0f172a 0%,#111827 50%,#1e293b 100%);color:#fff;}
.iwc-ranking-rebuild-leader-label{display:inline-block;font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.58);}
.iwc-ranking-rebuild-leader-copy strong{display:block;margin-top:10px;font-size:28px;line-height:1.16;letter-spacing:-.03em;}
.iwc-ranking-rebuild-leader-copy p{margin:10px 0 0;color:rgba(255,255,255,.72);line-height:1.66;}
.iwc-ranking-rebuild-leader-count{min-width:124px;border-radius:22px;background:rgba(255,255,255,.08);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:16px 12px;}
.iwc-ranking-rebuild-leader-count span{font-size:12px;font-weight:800;color:rgba(255,255,255,.65);}
.iwc-ranking-rebuild-leader-count strong{margin-top:8px;font-size:42px;line-height:1;font-weight:900;}
.iwc-ranking-rebuild-leader-count em{margin-top:4px;font-style:normal;color:rgba(255,255,255,.68);font-weight:800;}
.iwc-ranking-rebuild-section-head{display:flex;justify-content:space-between;align-items:end;gap:14px;margin-bottom:14px;padding:4px 2px;}
.iwc-ranking-rebuild-section-head h2{margin:6px 0 0;font-size:28px;line-height:1.16;letter-spacing:-.04em;color:#0f172a;}
.iwc-ranking-rebuild-section-head p{margin:8px 0 0;color:#64748b;line-height:1.7;}
.iwc-ranking-rebuild-podium-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch;}
.iwc-ranking-rebuild-podium-grid.is-short{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));}
.iwc-ranking-rebuild-podium-card{padding:18px;display:flex;flex-direction:column;gap:14px;}
.iwc-ranking-rebuild-podium-card.rank-1{transform:translateY(-10px);background:linear-gradient(180deg,#fff8e7,#fffdf7);}
.iwc-ranking-rebuild-podium-card.rank-2{background:linear-gradient(180deg,#f8fbff,#f8fafc);}
.iwc-ranking-rebuild-podium-card.rank-3{background:linear-gradient(180deg,#fff8f3,#fffdfb);}
.iwc-ranking-rebuild-podium-rank{display:inline-flex;align-self:flex-start;padding:0 12px;min-height:32px;border-radius:999px;background:#0f172a;color:#fff;font-size:12px;font-weight:900;align-items:center;letter-spacing:.1em;}
.iwc-ranking-rebuild-podium-thumb{position:relative;border-radius:24px;overflow:hidden;aspect-ratio:4/3;background:#e2e8f0;}
.iwc-ranking-rebuild-podium-thumb img,.iwc-ranking-rebuild-podium-thumb video{width:100%;height:100%;display:block;object-fit:cover;}
.iwc-ranking-rebuild-podium-thumb .iwc-gallery-play-mark{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);}
.iwc-ranking-rebuild-podium-body h3{margin:0;font-size:24px;line-height:1.2;letter-spacing:-.03em;color:#0f172a;word-break:break-word;}
.iwc-ranking-rebuild-podium-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;}
.iwc-ranking-rebuild-podium-meta span{display:inline-flex;min-height:30px;align-items:center;padding:0 12px;border-radius:999px;background:#eef2ff;color:#475569;font-size:12px;font-weight:800;}
.iwc-ranking-rebuild-podium-progress{margin-top:14px;}
.iwc-ranking-rebuild-podium-progress-head{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:13px;font-weight:800;color:#475569;}
.iwc-ranking-rebuild-podium-progress-head strong{font-size:16px;color:#0f172a;}
.iwc-ranking-rebuild-podium-bar{margin-top:10px;height:11px;border-radius:999px;background:#e2e8f0;overflow:hidden;}
.iwc-ranking-rebuild-podium-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#3b82f6,#8b5cf6);}
.iwc-ranking-rebuild-board-wrap .iwc-rank-box{padding:20px 20px 8px;}
.iwc-ranking-rebuild-board-wrap .iwc-rank-box h3{display:none;}
.iwc-ranking-rebuild-board-wrap .iwc-rank-item{border-radius:26px;padding:18px;background:linear-gradient(180deg,#fff,#fbfdff);border:1px solid rgba(226,232,240,.92);box-shadow:none;}
.iwc-ranking-rebuild-board-wrap .iwc-rank-item + .iwc-rank-item{margin-top:12px;}
.iwc-ranking-rebuild-board-wrap .iwc-detail-rank-history-leading{align-self:stretch;display:flex;align-items:flex-start;}
.iwc-ranking-rebuild-board-wrap .iwc-detail-rank-history-medal{width:58px;height:58px;border-radius:20px;font-size:22px;box-shadow:none;}
.iwc-ranking-rebuild-board-wrap .iwc-detail-rank-history-thumb-wrap{width:124px;min-width:124px;}
.iwc-ranking-rebuild-board-wrap .iwc-detail-rank-history-thumb{width:124px;height:124px;border-radius:26px;overflow:hidden;}
.iwc-ranking-rebuild-board-wrap .iwc-detail-rank-history-main{gap:14px;}
.iwc-ranking-rebuild-board-wrap .iwc-detail-rank-history-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:2px;}
.iwc-ranking-rebuild-board-wrap .iwc-ranking-rank-label{order:-1;margin-right:2px;background:#eff6ff;color:#2563eb;border-color:rgba(59,130,246,.14);}
.iwc-ranking-rebuild-board-wrap .iwc-detail-rank-history-name{font-size:24px;line-height:1.22;font-weight:900;letter-spacing:-.03em;color:#0f172a;}
.iwc-ranking-rebuild-board-wrap .iwc-detail-rank-history-progresses{gap:12px;}
.iwc-ranking-rebuild-board-wrap .iwc-detail-rank-history-progress{padding:14px 14px 12px;border-radius:18px;background:#f8fafc;border:1px solid rgba(226,232,240,.95);}
.iwc-ranking-rebuild-board-wrap .iwc-detail-rank-history-progress-head span{font-size:13px;font-weight:800;color:#64748b;}
.iwc-ranking-rebuild-board-wrap .iwc-detail-rank-history-progress-head strong{font-size:20px;letter-spacing:-.02em;color:#0f172a;}
.iwc-ranking-rebuild-board-wrap .iwc-detail-rank-history-progress-sub{font-size:12px;color:#64748b;}
@media (max-width: 1100px){
  .iwc-ranking-rebuild-main{grid-template-columns:1fr;}
  .iwc-ranking-rebuild-metrics{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width: 767px){
  .iwc-ranking-view-shell{padding:18px 12px 48px;}
  .iwc-ranking-rebuild-backdrop{height:220px;border-radius:26px;}
  .iwc-ranking-rebuild-cover-card,.iwc-ranking-rebuild-summary-card,.iwc-ranking-rebuild-podium-card,.iwc-ranking-rebuild-board-wrap .iwc-rank-box{border-radius:24px;}
  .iwc-ranking-rebuild-cover-card,.iwc-ranking-rebuild-summary-card{padding:16px;}
  .iwc-ranking-rebuild-cover-meta h1{font-size:24px;}
  .iwc-ranking-rebuild-summary-top{flex-direction:column;align-items:stretch;}
  .iwc-ranking-rebuild-actions{justify-content:stretch;}
  .iwc-ranking-rebuild-actions .iwc-btn-ghost,.iwc-ranking-rebuild-actions .iwc-start-btn{width:100%;justify-content:center;}
  .iwc-ranking-rebuild-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
  .iwc-ranking-rebuild-metric{padding:14px 14px 12px;border-radius:18px;}
  .iwc-ranking-rebuild-metric strong{font-size:24px;}
  .iwc-ranking-rebuild-leader{flex-direction:column;align-items:stretch;padding:16px;border-radius:22px;}
  .iwc-ranking-rebuild-leader-copy strong{font-size:23px;}
  .iwc-ranking-rebuild-leader-count{min-width:0;align-items:flex-start;padding:14px 16px;}
  .iwc-ranking-rebuild-leader-count strong{font-size:34px;}
  .iwc-ranking-rebuild-section-head h2{font-size:24px;}
  .iwc-ranking-rebuild-podium-grid{grid-template-columns:1fr;}
  .iwc-ranking-rebuild-podium-card.rank-1{transform:none;}
  .iwc-ranking-rebuild-board-wrap .iwc-rank-box{padding:14px 14px 4px;}
  .iwc-ranking-rebuild-board-wrap .iwc-rank-item{padding:14px;border-radius:22px;gap:12px;}
  .iwc-ranking-rebuild-board-wrap .iwc-detail-rank-history-thumb-wrap{width:92px;min-width:92px;}
  .iwc-ranking-rebuild-board-wrap .iwc-detail-rank-history-thumb{width:92px;height:92px;border-radius:20px;}
  .iwc-ranking-rebuild-board-wrap .iwc-detail-rank-history-medal{width:48px;height:48px;border-radius:16px;font-size:18px;}
  .iwc-ranking-rebuild-board-wrap .iwc-detail-rank-history-name{font-size:18px;}
  .iwc-ranking-rebuild-board-wrap .iwc-detail-rank-history-progress{padding:12px;border-radius:16px;}
}

/* 2026-04 ranking page full service rebuild */
.iwc-rankpage-shell{max-width:1360px;margin:0 auto;padding:18px 18px 54px;display:flex;flex-direction:column;gap:22px;}
.iwc-rankpage-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.iwc-rankpage-toplinks{display:flex;flex-wrap:wrap;gap:10px;}
.iwc-rankpage-toplinks .iwc-btn-ghost,.iwc-rankpage-topbar .iwc-start-btn{min-height:44px;padding:0 16px;border-radius:14px;}
.iwc-rankpage-hero,.iwc-rankpage-podium,.iwc-rankpage-board,.iwc-rankpage-lock,.iwc-rankpage-empty{position:relative;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(16,22,38,.90),rgba(8,11,22,.94));border-radius:30px;box-shadow:0 28px 80px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.04);overflow:hidden;}
.iwc-rankpage-hero{display:grid;grid-template-columns:minmax(0,1.25fr) 420px;gap:22px;padding:30px;}
.iwc-rankpage-hero::before,.iwc-rankpage-podium::before,.iwc-rankpage-board::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right, rgba(98,160,255,.16), transparent 34%),radial-gradient(circle at bottom left, rgba(255,104,196,.12), transparent 28%);pointer-events:none;}
.iwc-rankpage-hero-main{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:18px;align-items:stretch;min-width:0;position:relative;z-index:1;}
.iwc-rankpage-hero-copy{display:flex;flex-direction:column;justify-content:space-between;gap:18px;min-width:0;padding:4px 2px 4px 0;}
.iwc-rankpage-kicker-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;}
.iwc-rankpage-kicker,.iwc-rankpage-state,.iwc-rankpage-sectionkicker,.iwc-rankpage-champion-badge,.iwc-rankpage-lock-badge{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;}
.iwc-rankpage-kicker,.iwc-rankpage-sectionkicker,.iwc-rankpage-lock-badge{background:rgba(110,152,255,.14);border:1px solid rgba(120,163,255,.22);color:#c8d7ff;}
.iwc-rankpage-state{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:#eff4ff;letter-spacing:.06em;}
.iwc-rankpage-hero h1,.iwc-rankpage-empty h1,.iwc-rankpage-lock h1{margin:0;font-size:clamp(34px,4vw,52px);line-height:1.04;letter-spacing:-.03em;color:#fff;}
.iwc-rankpage-hero p,.iwc-rankpage-empty p,.iwc-rankpage-lock p{margin:0;color:rgba(230,236,250,.78);font-size:15px;line-height:1.8;}
.iwc-rankpage-meta-chips{display:flex;flex-wrap:wrap;gap:10px;}
.iwc-rankpage-meta-chips span{display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);color:#eef3ff;font-size:13px;font-weight:700;}
.iwc-rankpage-hero-cover,.iwc-rankpage-champion-thumb,.iwc-rankpage-podium-thumb,.iwc-rankpage-rowthumb{position:relative;overflow:hidden;background:linear-gradient(180deg,#171e33,#0a0f1d);}
.iwc-rankpage-hero-cover{border-radius:26px;border:1px solid rgba(255,255,255,.12);min-height:100%;box-shadow:inset 0 1px 0 rgba(255,255,255,.05);}
.iwc-rankpage-hero-cover img,.iwc-rankpage-hero-cover .iwc-noimg,.iwc-rankpage-champion-thumb img,.iwc-rankpage-champion-thumb video,.iwc-rankpage-podium-thumb img,.iwc-rankpage-podium-thumb video,.iwc-rankpage-rowthumb img,.iwc-rankpage-rowthumb video{width:100%;height:100%;object-fit:cover;display:block;}
.iwc-rankpage-hero-cover .iwc-noimg,.iwc-rankpage-champion-thumb .iwc-noimg,.iwc-rankpage-podium-thumb .iwc-noimg,.iwc-rankpage-rowthumb .iwc-noimg{display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.52);font-weight:800;letter-spacing:.18em;}
.iwc-rankpage-playmark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(10,14,26,.72);border:1px solid rgba(255,255,255,.24);color:#fff;font-size:22px;backdrop-filter:blur(10px);}
.iwc-rankpage-hero-side{display:flex;flex-direction:column;gap:18px;position:relative;z-index:1;}
.iwc-rankpage-statcard-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.iwc-rankpage-statcard{min-height:118px;border-radius:22px;padding:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);display:flex;flex-direction:column;justify-content:space-between;}
.iwc-rankpage-statcard span{font-size:12px;color:#aeb9d8;font-weight:700;letter-spacing:.02em;}
.iwc-rankpage-statcard strong{font-size:34px;line-height:1;color:#fff;letter-spacing:-.04em;}
.iwc-rankpage-statcard em{font-style:normal;color:#dfe7fb;font-size:12px;}
.iwc-rankpage-champion-card{padding:18px;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.045));border:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;gap:14px;}
.iwc-rankpage-champion-head{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.iwc-rankpage-champion-head strong{color:#fff;font-size:16px;}
.iwc-rankpage-champion-badge{background:rgba(255,213,96,.14);border:1px solid rgba(255,219,110,.24);color:#ffe7a6;letter-spacing:.14em;}
.iwc-rankpage-champion-body{display:grid;grid-template-columns:110px minmax(0,1fr);gap:14px;align-items:center;}
.iwc-rankpage-champion-thumb{height:110px;border-radius:20px;border:1px solid rgba(255,255,255,.10);}
.iwc-rankpage-champion-copy{min-width:0;display:flex;flex-direction:column;gap:10px;}
.iwc-rankpage-champion-copy h2{margin:0;font-size:22px;line-height:1.15;color:#fff;letter-spacing:-.03em;word-break:break-word;}
.iwc-rankpage-champion-copy p{font-size:13px;line-height:1.7;}
.iwc-rankpage-champion-stats{display:flex;flex-wrap:wrap;gap:8px;}
.iwc-rankpage-champion-stats span{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border-radius:999px;background:rgba(10,14,26,.44);border:1px solid rgba(255,255,255,.10);color:#f7faff;font-size:12px;font-weight:700;}
.iwc-rankpage-sectionhead{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px;padding:30px 30px 0;}
.iwc-rankpage-sectionhead h2{margin:8px 0 6px;font-size:30px;color:#fff;line-height:1.06;letter-spacing:-.03em;}
.iwc-rankpage-sectionhead p{margin:0;color:rgba(230,236,250,.72);font-size:14px;line-height:1.75;}
.iwc-rankpage-podium{padding-bottom:28px;}
.iwc-rankpage-podium-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:0 30px;}
.iwc-rankpage-podium-card{position:relative;padding:18px;border-radius:24px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);display:flex;flex-direction:column;gap:16px;overflow:hidden;}
.iwc-rankpage-podium-card.rank-1{background:linear-gradient(180deg,rgba(255,217,114,.14),rgba(255,255,255,.05));border-color:rgba(255,222,120,.22);transform:translateY(-8px);}
.iwc-rankpage-podium-card.rank-2{background:linear-gradient(180deg,rgba(120,168,255,.12),rgba(255,255,255,.05));}
.iwc-rankpage-podium-card.rank-3{background:linear-gradient(180deg,rgba(255,130,190,.10),rgba(255,255,255,.05));}
.iwc-rankpage-podium-rank{display:inline-flex;align-self:flex-start;min-height:32px;padding:0 12px;border-radius:999px;background:rgba(10,14,26,.46);border:1px solid rgba(255,255,255,.11);font-size:12px;font-weight:800;color:#fff;letter-spacing:.08em;align-items:center;}
.iwc-rankpage-podium-thumb{height:250px;border-radius:22px;border:1px solid rgba(255,255,255,.10);}
.iwc-rankpage-podium-copy{display:flex;flex-direction:column;gap:14px;min-width:0;}
.iwc-rankpage-podium-titleline{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.iwc-rankpage-podium-titleline h3{margin:0;font-size:24px;color:#fff;line-height:1.1;letter-spacing:-.03em;word-break:break-word;}
.iwc-rankpage-typepill{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 10px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.11);font-size:11px;font-weight:800;color:#e7edff;white-space:nowrap;}
.iwc-rankpage-board{padding-bottom:28px;}
.iwc-rankpage-tablehead{position:relative;z-index:1;display:grid;grid-template-columns:90px minmax(0,1.35fr) minmax(210px,.8fr) minmax(210px,.8fr) 170px;gap:16px;align-items:center;padding:0 30px 12px;color:#9aa8ca;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;}
.iwc-rankpage-boardlist{position:relative;z-index:1;display:flex;flex-direction:column;gap:14px;padding:0 30px;}
.iwc-rankpage-row{display:grid;grid-template-columns:90px minmax(0,1.35fr) minmax(210px,.8fr) minmax(210px,.8fr) 170px;gap:16px;align-items:center;padding:16px 18px;border-radius:24px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.10);box-shadow:inset 0 1px 0 rgba(255,255,255,.04);}
.iwc-rankpage-row.is-top{background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.045));}
.iwc-rankpage-rankcell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;}
.iwc-rankpage-ranknum{width:58px;height:58px;border-radius:18px;background:linear-gradient(180deg,#182242,#0b1121);border:1px solid rgba(255,255,255,.10);display:flex;align-items:center;justify-content:center;color:#fff;font-size:25px;font-weight:900;letter-spacing:-.04em;}
.iwc-rankpage-rankhint{font-size:11px;font-weight:800;color:#8ea9ff;letter-spacing:.1em;text-transform:uppercase;}
.iwc-rankpage-candidatecell{display:grid;grid-template-columns:88px minmax(0,1fr);gap:14px;align-items:center;min-width:0;}
.iwc-rankpage-rowthumb{height:88px;border-radius:20px;border:1px solid rgba(255,255,255,.10);}
.iwc-rankpage-rowcopy{display:flex;flex-direction:column;gap:8px;min-width:0;}
.iwc-rankpage-rowtitleline{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;min-width:0;}
.iwc-rankpage-rowtitleline h3{margin:0;font-size:21px;color:#fff;line-height:1.18;letter-spacing:-.03em;word-break:break-word;}
.iwc-rankpage-toplabel{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;background:rgba(110,152,255,.14);border:1px solid rgba(123,167,255,.20);font-size:11px;font-weight:900;color:#d2deff;letter-spacing:.08em;}
.iwc-rankpage-rowmeta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:#b3c0df;font-size:12px;}
.iwc-rankpage-progresscell{min-width:0;}
.iwc-rankpage-progress{display:flex;flex-direction:column;gap:8px;min-width:0;}
.iwc-rankpage-progress-head{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#dfe7fb;font-size:12px;font-weight:700;}
.iwc-rankpage-progress-head strong{font-size:18px;color:#fff;letter-spacing:-.03em;}
.iwc-rankpage-progress-bar{height:10px;border-radius:999px;background:rgba(255,255,255,.07);overflow:hidden;position:relative;}
.iwc-rankpage-progress-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7dc3ff,#6a7bff);box-shadow:0 0 20px rgba(104,133,255,.45);}
.iwc-rankpage-progress-bar.is-win span{background:linear-gradient(90deg,#ff8fc7,#ffb485);box-shadow:0 0 20px rgba(255,141,194,.38);}
.iwc-rankpage-progress-sub{font-size:12px;color:#99a9cd;line-height:1.6;}
.iwc-rankpage-recordcell{display:flex;flex-direction:column;gap:8px;}
.iwc-rankpage-recordpill{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:16px;background:rgba(10,14,26,.42);border:1px solid rgba(255,255,255,.09);}
.iwc-rankpage-recordpill span{font-size:11px;color:#9eb0d4;font-weight:700;}
.iwc-rankpage-recordpill strong{font-size:18px;color:#fff;line-height:1.15;letter-spacing:-.03em;}
.iwc-rankpage-recordpill.is-win strong{color:#ffd4e9;}
.iwc-rankpage-emptyboard{position:relative;z-index:1;padding:40px 30px 4px;color:#dfe7fb;font-size:15px;}
.iwc-rankpage-paging{position:relative;z-index:1;padding:18px 30px 0;}
.iwc-rankpage-paging .iwc-paging{margin-bottom:0;}
.iwc-rankpage-lock,.iwc-rankpage-empty{padding:44px 28px;text-align:center;display:flex;flex-direction:column;gap:16px;align-items:center;justify-content:center;}
.iwc-rankpage-empty-icon{width:70px;height:70px;border-radius:24px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.10);display:flex;align-items:center;justify-content:center;color:#fff;font-size:32px;font-weight:900;}
.iwc-rankpage-lock-badge{margin-bottom:4px;}
@media (max-width: 1220px){
  .iwc-rankpage-hero{grid-template-columns:1fr;}
  .iwc-rankpage-hero-side{order:-1;}
}
@media (max-width: 1024px){
  .iwc-rankpage-podium-grid{grid-template-columns:1fr;}
  .iwc-rankpage-podium-card.rank-1{transform:none;}
  .iwc-rankpage-tablehead{display:none;}
  .iwc-rankpage-row{grid-template-columns:80px minmax(0,1fr);grid-template-areas:"rank candidate" "champ champ" "win win" "record record";}
  .iwc-rankpage-rankcell{grid-area:rank;}
  .iwc-rankpage-candidatecell{grid-area:candidate;}
  .iwc-rankpage-row:nth-child(n) .iwc-rankpage-progresscell:nth-of-type(1){grid-area:champ;}
  .iwc-rankpage-row:nth-child(n) .iwc-rankpage-progresscell:nth-of-type(2){grid-area:win;}
  .iwc-rankpage-recordcell{grid-area:record;flex-direction:row;}
}
@media (max-width: 767px){
  .iwc-rankpage-shell{padding:14px 12px 32px;gap:16px;}
  .iwc-rankpage-topbar{flex-direction:column;align-items:stretch;}
  .iwc-rankpage-toplinks{display:grid;grid-template-columns:1fr 1fr;}
  .iwc-rankpage-topbar .iwc-start-btn{width:100%;justify-content:center;}
  .iwc-rankpage-hero,.iwc-rankpage-podium,.iwc-rankpage-board,.iwc-rankpage-lock,.iwc-rankpage-empty{border-radius:24px;}
  .iwc-rankpage-hero{padding:18px;gap:16px;}
  .iwc-rankpage-hero-main{grid-template-columns:1fr;}
  .iwc-rankpage-hero-cover{height:210px;order:-1;}
  .iwc-rankpage-hero h1,.iwc-rankpage-empty h1,.iwc-rankpage-lock h1{font-size:30px;}
  .iwc-rankpage-meta-chips span{min-height:34px;padding:0 12px;font-size:12px;}
  .iwc-rankpage-statcard-grid{grid-template-columns:1fr 1fr;}
  .iwc-rankpage-statcard{min-height:96px;padding:14px;border-radius:18px;}
  .iwc-rankpage-statcard strong{font-size:26px;}
  .iwc-rankpage-champion-body{grid-template-columns:82px minmax(0,1fr);}
  .iwc-rankpage-champion-thumb{height:82px;border-radius:16px;}
  .iwc-rankpage-champion-copy h2{font-size:18px;}
  .iwc-rankpage-sectionhead{padding:20px 18px 0;margin-bottom:14px;}
  .iwc-rankpage-sectionhead h2{font-size:24px;}
  .iwc-rankpage-podium-grid,.iwc-rankpage-boardlist{padding:0 18px;}
  .iwc-rankpage-podium-card{padding:14px;border-radius:20px;}
  .iwc-rankpage-podium-thumb{height:200px;border-radius:18px;}
  .iwc-rankpage-podium-titleline{align-items:flex-start;flex-direction:column;}
  .iwc-rankpage-row{padding:14px;border-radius:20px;gap:12px;grid-template-columns:68px minmax(0,1fr);}
  .iwc-rankpage-ranknum{width:48px;height:48px;border-radius:14px;font-size:22px;}
  .iwc-rankpage-candidatecell{grid-template-columns:72px minmax(0,1fr);gap:12px;}
  .iwc-rankpage-rowthumb{height:72px;border-radius:16px;}
  .iwc-rankpage-rowtitleline h3{font-size:18px;}
  .iwc-rankpage-progress-head strong{font-size:16px;}
  .iwc-rankpage-recordcell{flex-direction:column;}
  .iwc-rankpage-paging{padding:16px 18px 0;}
}
@media (max-width: 520px){
  .iwc-rankpage-toplinks{grid-template-columns:1fr;}
  .iwc-rankpage-statcard-grid{grid-template-columns:1fr;}
  .iwc-rankpage-meta-chips{display:grid;grid-template-columns:1fr 1fr;}
  .iwc-rankpage-meta-chips span{justify-content:center;}
  .iwc-rankpage-row{grid-template-columns:1fr;grid-template-areas:"rank" "candidate" "champ" "win" "record";}
  .iwc-rankpage-rankcell{align-items:flex-start;}
  .iwc-rankpage-recordcell{flex-direction:column;}
}


/* === Ranking Page SaaS Premium Rebuild === */
.iwc-rankpage-shell-saas{
  max-width:1320px;
  margin:0 auto;
  padding:20px 18px 56px;
}
.iwc-rankpage-mini-topbar{
  margin-bottom:20px;
}
.iwc-rankpage-mini-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.iwc-rankpage-mini-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:0 18px;
  border-radius:16px;
  border:1px solid rgba(148,163,184,.22);
  background:rgba(255,255,255,.88);
  color:#0f172a;
  font-weight:800;
  letter-spacing:-0.02em;
  box-shadow:0 12px 28px rgba(15,23,42,.06);
  backdrop-filter:blur(14px);
}
.iwc-rankpage-mini-btn.is-start{
  background:linear-gradient(135deg,#0f172a,#1e293b);
  color:#fff;
  border-color:rgba(15,23,42,.4);
}
.iwc-rankpage-mini-btn:hover{transform:translateY(-1px);color:inherit;text-decoration:none;}

.iwc-rank-saas-podium-wrap,
.iwc-rank-saas-board-wrap{
  position:relative;
  margin-top:18px;
  border:1px solid rgba(148,163,184,.18);
  border-radius:32px;
  background:
    radial-gradient(circle at top right, rgba(96,165,250,.12), transparent 32%),
    radial-gradient(circle at top left, rgba(196,181,253,.12), transparent 28%),
    linear-gradient(180deg, rgba(255,255,255,.97), rgba(248,250,252,.94));
  box-shadow:0 24px 70px rgba(15,23,42,.08);
  overflow:hidden;
}
.iwc-rank-saas-podium-wrap::before,
.iwc-rank-saas-board-wrap::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg, rgba(255,255,255,.35), transparent 22%);
}
.iwc-rank-saas-sectionbar{
  position:relative;
  z-index:1;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  padding:28px 30px 20px;
}
.iwc-rank-saas-titlebox h1,
.iwc-rank-saas-titlebox h2{
  margin:0;
  color:#0f172a;
  font-size:34px;
  line-height:1.08;
  letter-spacing:-0.04em;
}
.iwc-rank-saas-titlebox h2{font-size:30px;}
.iwc-rank-saas-titlebox p{
  margin:10px 0 0;
  color:#64748b;
  font-size:15px;
  line-height:1.7;
}
.iwc-rank-saas-kicker{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 12px;
  border-radius:999px;
  background:#eef2ff;
  color:#4f46e5;
  font-size:12px;
  font-weight:900;
  letter-spacing:.14em;
  margin-bottom:12px;
}
.iwc-rank-saas-mini-stats{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  justify-content:flex-end;
}
.iwc-rank-saas-mini-stats span,
.iwc-rank-saas-board-note{
  display:inline-flex;
  align-items:center;
  min-height:42px;
  padding:0 16px;
  border-radius:14px;
  background:rgba(255,255,255,.86);
  border:1px solid rgba(226,232,240,.94);
  color:#475569;
  font-size:13px;
  font-weight:700;
  box-shadow:0 10px 24px rgba(15,23,42,.05);
}
.iwc-rank-saas-mini-stats strong{color:#0f172a;margin-right:6px;font-size:15px;}

.iwc-rank-saas-podium-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
  align-items:end;
  padding:10px 30px 34px;
}
.iwc-rank-saas-podium-card{
  position:relative;
  display:flex;
  flex-direction:column;
  border:1px solid rgba(226,232,240,.92);
  border-radius:28px;
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,250,252,.95));
  box-shadow:0 18px 44px rgba(15,23,42,.08);
  overflow:hidden;
}
.iwc-rank-saas-podium-card.is-tall{transform:translateY(-14px);}
.iwc-rank-saas-podium-card.is-mid .iwc-rank-saas-step{height:54px;}
.iwc-rank-saas-podium-card.is-tall .iwc-rank-saas-step{height:86px;}
.iwc-rank-saas-podium-card.is-low .iwc-rank-saas-step{height:36px;}
.iwc-rank-saas-podium-card.is-gold{border-color:rgba(250,204,21,.42);}
.iwc-rank-saas-podium-card.is-silver{border-color:rgba(148,163,184,.34);}
.iwc-rank-saas-podium-card.is-bronze{border-color:rgba(251,146,60,.32);}
.iwc-rank-saas-podium-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:18px 18px 0;
}
.iwc-rank-saas-podium-rank{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 12px;
  border-radius:999px;
  background:#0f172a;
  color:#fff;
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
}
.iwc-rank-saas-typepill{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 10px;
  border-radius:999px;
  background:#f8fafc;
  border:1px solid rgba(226,232,240,.9);
  color:#475569;
  font-size:12px;
  font-weight:800;
}
.iwc-rank-saas-podium-media{padding:18px 18px 0;}
.iwc-rank-saas-podium-thumb,
.iwc-rank-saas-rowthumb{
  position:relative;
  width:100%;
  background:#e2e8f0;
  overflow:hidden;
}
.iwc-rank-saas-podium-thumb{aspect-ratio:1/1;border-radius:24px;}
.iwc-rank-saas-rowthumb{width:84px;height:84px;border-radius:22px;flex:0 0 84px;}
.iwc-rank-saas-podium-thumb img,
.iwc-rank-saas-podium-thumb video,
.iwc-rank-saas-rowthumb img,
.iwc-rank-saas-rowthumb video{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.iwc-rank-saas-podium-thumb.is-motion video,
.iwc-rank-saas-rowthumb.is-motion video{object-fit:contain;background:#0f172a;}
.iwc-rank-saas-podium-thumb.is-video::after,
.iwc-rank-saas-rowthumb.is-video::after{
  content:"";
  position:absolute;
  inset:auto 14px 14px auto;
  width:36px;
  height:36px;
  border-radius:50%;
  background:rgba(15,23,42,.74);
  box-shadow:0 8px 18px rgba(15,23,42,.25);
}
.iwc-rank-saas-podium-thumb .iwc-rankpage-playmark,
.iwc-rank-saas-rowthumb .iwc-rankpage-playmark{
  position:absolute;
  right:26px;
  bottom:22px;
  transform:none;
  font-size:14px;
  color:#fff;
  z-index:2;
}
.iwc-rank-saas-rowthumb .iwc-rankpage-playmark{right:22px;bottom:18px;}
.iwc-rank-saas-podium-body{padding:18px 18px 22px;display:flex;flex-direction:column;gap:16px;}
.iwc-rank-saas-podium-body h2{margin:0;color:#0f172a;font-size:24px;line-height:1.18;letter-spacing:-0.03em;}
.iwc-rank-saas-podium-metrics{display:flex;flex-direction:column;gap:12px;}
.iwc-rank-saas-step{position:relative;margin-top:auto;background:linear-gradient(180deg,#f8fafc,#edf2f7);border-top:1px solid rgba(226,232,240,.9);}
.iwc-rank-saas-step span{display:block;width:100%;height:100%;background:linear-gradient(180deg, rgba(15,23,42,.02), transparent);}

.iwc-rankpage-progress{display:flex;flex-direction:column;gap:8px;}
.iwc-rankpage-progress-head{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#475569;font-size:13px;font-weight:800;}
.iwc-rankpage-progress-head strong{color:#0f172a;font-size:14px;}
.iwc-rankpage-progress-bar{position:relative;height:10px;border-radius:999px;background:#e2e8f0;overflow:hidden;}
.iwc-rankpage-progress-bar span{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:linear-gradient(90deg,#6366f1,#8b5cf6);}
.iwc-rankpage-progress-bar.is-win span{background:linear-gradient(90deg,#0ea5e9,#22c55e);}
.iwc-rankpage-progress-sub{color:#94a3b8;font-size:12px;line-height:1.4;}


.iwc-rank-saas-board-wrap{padding-bottom:10px;}
.iwc-rank-saas-board-list{position:relative;z-index:1;padding:6px 22px 24px;display:flex;flex-direction:column;gap:14px;}
.iwc-rank-saas-row{
  display:grid;
  grid-template-columns:84px minmax(0,1.55fr) minmax(320px,.95fr);
  gap:18px;
  align-items:center;
  padding:18px 20px;
  border-radius:28px;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,250,252,.96));
  border:1px solid rgba(226,232,240,.95);
  box-shadow:0 18px 34px rgba(15,23,42,.06);
}
.iwc-rank-saas-row.is-top{
  border-color:rgba(99,102,241,.26);
  box-shadow:0 20px 38px rgba(99,102,241,.10);
}
.iwc-rank-saas-rankbox{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
  min-height:110px;
  border-radius:24px;
  background:linear-gradient(180deg,#0f172a,#172554);
  color:#fff;
}
.iwc-rank-saas-ranklabel{font-size:10px;font-weight:900;letter-spacing:.16em;opacity:.74;}
.iwc-rank-saas-rankbox strong{font-size:34px;line-height:1;font-weight:900;letter-spacing:-0.06em;}
.iwc-rank-saas-candidatebox{display:flex;align-items:center;gap:16px;min-width:0;}
.iwc-rank-saas-rowcopy{min-width:0;display:flex;flex-direction:column;gap:10px;}
.iwc-rank-saas-rowtitle{display:block;min-width:0;}
.iwc-rank-saas-rowtitle h3{
  margin:0;
  color:#0f172a;
  font-size:28px;
  line-height:1.16;
  letter-spacing:-0.035em;
  word-break:keep-all;
  overflow-wrap:anywhere;
}
.iwc-rank-saas-rowmeta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;}
.iwc-rank-saas-microchip{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 10px;
  border-radius:999px;
  background:#eef2ff;
  border:1px solid rgba(199,210,254,.9);
  color:#4338ca;
  font-size:12px;
  font-weight:800;
}
.iwc-rank-saas-rowsub{font-size:13px;color:#94a3b8;font-weight:700;line-height:1.4;}
.iwc-rank-saas-statsbox{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  padding:14px;
  border-radius:22px;
  background:linear-gradient(180deg,#f8fafc,#f1f5f9);
  border:1px solid rgba(226,232,240,.92);
}
.iwc-rank-saas-metricbox{
  align-self:stretch;
  display:flex;
  align-items:center;
  padding:0;
  min-width:0;
}
.iwc-rank-saas-board-wrap .iwc-rankpage-progress{width:100%;gap:9px;}
.iwc-rank-saas-board-wrap .iwc-rankpage-progress-head span{font-size:12px;}
.iwc-rank-saas-board-wrap .iwc-rankpage-progress-head strong{font-size:22px;letter-spacing:-0.04em;}
.iwc-rank-saas-board-wrap .iwc-rankpage-progress-bar{height:9px;}
.iwc-rank-saas-board-wrap .iwc-rankpage-progress-sub{font-size:11px;line-height:1.35;}
.iwc-rank-saas-board-wrap .iwc-rankpage-paging{padding:0 22px 20px;}
.iwc-rankpage-emptyboard{position:relative;z-index:1;padding:28px 30px 34px;color:#64748b;}
@media (max-width: 1080px){
  .iwc-ranking-view-hero-head{align-items:flex-start;flex-direction:column;}
  .iwc-ranking-view-hero-actions-inline{justify-content:flex-start;}
  .iwc-ranking-view-hero-grid-premium{
    grid-template-columns:148px minmax(0,1fr);
  }
  .iwc-ranking-view-hero-aside{
    grid-column:1 / -1;
  }
  .iwc-ranking-view-snapshot-card{
    min-height:0;
  }
}
@media (max-width: 900px){
  .iwc-ranking-view-hero-grid-premium{
    grid-template-columns:128px minmax(0,1fr);
  }
  .iwc-ranking-view-cover-frame{width:128px;min-height:170px;}
  .iwc-ranking-view-title{font-size:31px;}
  .iwc-ranking-view-stat-strip{grid-template-columns:1fr;}
}
@media (max-width: 640px){
  .iwc-ranking-view-hero-card{
    padding:18px 16px 16px;
    border-radius:28px;
  }
  .iwc-ranking-view-topbar{
    gap:10px;
  }
  .iwc-ranking-view-breadcrumbs{
    grid-template-columns:1fr 1fr;
  }
  .iwc-ranking-view-hero-head{
    margin-bottom:14px;
  }
  .iwc-ranking-view-hero-actions-inline{
    width:100%;
    display:grid;
    grid-template-columns:1fr;
  }
  .iwc-ranking-view-hero-actions-inline .iwc-btn-ghost,
  .iwc-ranking-view-hero-actions-inline .iwc-start-btn{
    width:100%;
    justify-content:center;
  }
  .iwc-ranking-view-hero-grid-premium{
    grid-template-columns:1fr;
    gap:16px;
  }
  .iwc-ranking-view-cover-wrap{
    justify-content:flex-start;
  }
  .iwc-ranking-view-cover-frame{
    width:100%;
    min-height:188px;
    height:188px;
    border-radius:24px;
  }
  .iwc-ranking-view-title{
    font-size:25px;
  }
  .iwc-ranking-view-desc{
    font-size:14px;
  }
  .iwc-ranking-view-chip-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
  }
  .iwc-ranking-view-chip{
    min-width:0;
    justify-content:center;
  }
  .iwc-ranking-view-snapshot-card{
    padding:18px 16px 16px;
    border-radius:22px;
  }
  .iwc-ranking-view-snapshot-title{
    font-size:19px;
  }
}
@media (max-width: 420px){
  .iwc-ranking-view-chip-row{grid-template-columns:1fr;}
  .iwc-ranking-view-stat-pill strong{font-size:24px;}
}


/* 2026-04 ranking page full rebuild */
.iwc-ranking-view-shell{max-width:1240px;margin:0 auto;padding:28px 18px 64px;}
.iwc-ranking-rebuild-hero,.iwc-ranking-rebuild-podium-wrap,.iwc-ranking-rebuild-board-wrap{position:relative;margin-bottom:22px;}
.iwc-ranking-rebuild-backdrop{position:absolute;inset:10px 0 auto 0;height:280px;border-radius:34px;background:radial-gradient(circle at 15% 20%, rgba(59,130,246,.18), transparent 42%),radial-gradient(circle at 85% 10%, rgba(244,114,182,.18), transparent 36%),linear-gradient(180deg, rgba(255,255,255,.92), rgba(248,250,252,.75));filter:blur(2px);pointer-events:none;}
.iwc-ranking-rebuild-main{position:relative;display:grid;grid-template-columns:minmax(280px,390px) minmax(0,1fr);gap:18px;align-items:stretch;}
.iwc-ranking-rebuild-cover-card,.iwc-ranking-rebuild-summary-card,.iwc-ranking-rebuild-podium-card,.iwc-ranking-rebuild-board-wrap .iwc-rank-box{position:relative;border:1px solid rgba(148,163,184,.18);background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,250,252,.92));box-shadow:0 22px 60px rgba(15,23,42,.08);border-radius:30px;overflow:hidden;}
.iwc-ranking-rebuild-cover-card{padding:18px;display:flex;flex-direction:column;gap:16px;min-height:100%;}
.iwc-ranking-rebuild-cover-frame{position:relative;border-radius:24px;overflow:hidden;aspect-ratio:4/3;background:#e2e8f0;}
.iwc-ranking-rebuild-cover-frame img{width:100%;height:100%;object-fit:cover;display:block;}
.iwc-ranking-rebuild-cover-frame::after{content:'';position:absolute;inset:auto 0 0 0;height:40%;background:linear-gradient(180deg, transparent, rgba(15,23,42,.22));pointer-events:none;}
.iwc-ranking-rebuild-cover-meta{display:flex;flex-direction:column;gap:8px;padding:2px 2px 4px;}
.iwc-ranking-rebuild-eyebrow,.iwc-ranking-rebuild-section-kicker{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:900;letter-spacing:.16em;color:#6366f1;text-transform:uppercase;}
.iwc-ranking-rebuild-cover-meta h1{margin:0;font-size:31px;line-height:1.14;letter-spacing:-.04em;color:#0f172a;}
.iwc-ranking-rebuild-cover-meta p{margin:0;color:#475569;line-height:1.72;}
.iwc-ranking-rebuild-summary-card{padding:22px;display:flex;flex-direction:column;gap:18px;min-height:100%;}
.iwc-ranking-rebuild-summary-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;}
.iwc-ranking-rebuild-badges{display:flex;flex-wrap:wrap;gap:10px;align-items:center;}
.iwc-ranking-rebuild-kicker,.iwc-ranking-rebuild-state{display:inline-flex;align-items:center;min-height:34px;padding:0 14px;border-radius:999px;font-size:12px;font-weight:900;}
.iwc-ranking-rebuild-kicker{background:#0f172a;color:#fff;letter-spacing:.12em;}
.iwc-ranking-rebuild-state{background:rgba(59,130,246,.08);color:#2563eb;border:1px solid rgba(59,130,246,.14);}
.iwc-ranking-rebuild-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;}
.iwc-ranking-rebuild-actions .iwc-btn-ghost,.iwc-ranking-rebuild-actions .iwc-start-btn{min-height:44px;border-radius:14px;padding:0 16px;}
.iwc-ranking-rebuild-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
.iwc-ranking-rebuild-metric{padding:16px 16px 14px;border-radius:22px;background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid rgba(226,232,240,.9);}
.iwc-ranking-rebuild-metric span{display:block;font-size:12px;font-weight:800;color:#64748b;}
.iwc-ranking-rebuild-metric strong{display:block;margin-top:10px;font-size:30px;line-height:1;font-weight:900;color:#0f172a;letter-spacing:-.04em;}
.iwc-ranking-rebuild-leader{display:flex;justify-content:space-between;gap:18px;align-items:stretch;padding:18px;border-radius:26px;background:linear-gradient(135deg,#0f172a 0%,#111827 50%,#1e293b 100%);color:#fff;}
.iwc-ranking-rebuild-leader-label{display:inline-block;font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.58);}
.iwc-ranking-rebuild-leader-copy strong{display:block;margin-top:10px;font-size:28px;line-height:1.16;letter-spacing:-.03em;}
.iwc-ranking-rebuild-leader-copy p{margin:10px 0 0;color:rgba(255,255,255,.72);line-height:1.66;}
.iwc-ranking-rebuild-leader-count{min-width:124px;border-radius:22px;background:rgba(255,255,255,.08);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:16px 12px;}
.iwc-ranking-rebuild-leader-count span{font-size:12px;font-weight:800;color:rgba(255,255,255,.65);}
.iwc-ranking-rebuild-leader-count strong{margin-top:8px;font-size:42px;line-height:1;font-weight:900;}
.iwc-ranking-rebuild-leader-count em{margin-top:4px;font-style:normal;color:rgba(255,255,255,.68);font-weight:800;}
.iwc-ranking-rebuild-section-head{display:flex;justify-content:space-between;align-items:end;gap:14px;margin-bottom:14px;padding:4px 2px;}
.iwc-ranking-rebuild-section-head h2{margin:6px 0 0;font-size:28px;line-height:1.16;letter-spacing:-.04em;color:#0f172a;}
.iwc-ranking-rebuild-section-head p{margin:8px 0 0;color:#64748b;line-height:1.7;}
.iwc-ranking-rebuild-podium-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch;}
.iwc-ranking-rebuild-podium-grid.is-short{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));}
.iwc-ranking-rebuild-podium-card{padding:18px;display:flex;flex-direction:column;gap:14px;}
.iwc-ranking-rebuild-podium-card.rank-1{transform:translateY(-10px);background:linear-gradient(180deg,#fff8e7,#fffdf7);}
.iwc-ranking-rebuild-podium-card.rank-2{background:linear-gradient(180deg,#f8fbff,#f8fafc);}
.iwc-ranking-rebuild-podium-card.rank-3{background:linear-gradient(180deg,#fff8f3,#fffdfb);}
.iwc-ranking-rebuild-podium-rank{display:inline-flex;align-self:flex-start;padding:0 12px;min-height:32px;border-radius:999px;background:#0f172a;color:#fff;font-size:12px;font-weight:900;align-items:center;letter-spacing:.1em;}
.iwc-ranking-rebuild-podium-thumb{position:relative;border-radius:24px;overflow:hidden;aspect-ratio:4/3;background:#e2e8f0;}
.iwc-ranking-rebuild-podium-thumb img,.iwc-ranking-rebuild-podium-thumb video{width:100%;height:100%;display:block;object-fit:cover;}
.iwc-ranking-rebuild-podium-thumb .iwc-gallery-play-mark{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);}
.iwc-ranking-rebuild-podium-body h3{margin:0;font-size:24px;line-height:1.2;letter-spacing:-.03em;color:#0f172a;word-break:break-word;}
.iwc-ranking-rebuild-podium-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;}
.iwc-ranking-rebuild-podium-meta span{display:inline-flex;min-height:30px;align-items:center;padding:0 12px;border-radius:999px;background:#eef2ff;color:#475569;font-size:12px;font-weight:800;}
.iwc-ranking-rebuild-podium-progress{margin-top:14px;}
.iwc-ranking-rebuild-podium-progress-head{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:13px;font-weight:800;color:#475569;}
.iwc-ranking-rebuild-podium-progress-head strong{font-size:16px;color:#0f172a;}
.iwc-ranking-rebuild-podium-bar{margin-top:10px;height:11px;border-radius:999px;background:#e2e8f0;overflow:hidden;}
.iwc-ranking-rebuild-podium-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#3b82f6,#8b5cf6);}
.iwc-ranking-rebuild-board-wrap .iwc-rank-box{padding:20px 20px 8px;}
.iwc-ranking-rebuild-board-wrap .iwc-rank-box h3{display:none;}
.iwc-ranking-rebuild-board-wrap .iwc-rank-item{border-radius:26px;padding:18px;background:linear-gradient(180deg,#fff,#fbfdff);border:1px solid rgba(226,232,240,.92);box-shadow:none;}
.iwc-ranking-rebuild-board-wrap .iwc-rank-item + .iwc-rank-item{margin-top:12px;}
.iwc-ranking-rebuild-board-wrap .iwc-detail-rank-history-leading{align-self:stretch;display:flex;align-items:flex-start;}
.iwc-ranking-rebuild-board-wrap .iwc-detail-rank-history-medal{width:58px;height:58px;border-radius:20px;font-size:22px;box-shadow:none;}
.iwc-ranking-rebuild-board-wrap .iwc-detail-rank-history-thumb-wrap{width:124px;min-width:124px;}
.iwc-ranking-rebuild-board-wrap .iwc-detail-rank-history-thumb{width:124px;height:124px;border-radius:26px;overflow:hidden;}
.iwc-ranking-rebuild-board-wrap .iwc-detail-rank-history-main{gap:14px;}
.iwc-ranking-rebuild-board-wrap .iwc-detail-rank-history-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:2px;}
.iwc-ranking-rebuild-board-wrap .iwc-ranking-rank-label{order:-1;margin-right:2px;background:#eff6ff;color:#2563eb;border-color:rgba(59,130,246,.14);}
.iwc-ranking-rebuild-board-wrap .iwc-detail-rank-history-name{font-size:24px;line-height:1.22;font-weight:900;letter-spacing:-.03em;color:#0f172a;}
.iwc-ranking-rebuild-board-wrap .iwc-detail-rank-history-progresses{gap:12px;}
.iwc-ranking-rebuild-board-wrap .iwc-detail-rank-history-progress{padding:14px 14px 12px;border-radius:18px;background:#f8fafc;border:1px solid rgba(226,232,240,.95);}
.iwc-ranking-rebuild-board-wrap .iwc-detail-rank-history-progress-head span{font-size:13px;font-weight:800;color:#64748b;}
.iwc-ranking-rebuild-board-wrap .iwc-detail-rank-history-progress-head strong{font-size:20px;letter-spacing:-.02em;color:#0f172a;}
.iwc-ranking-rebuild-board-wrap .iwc-detail-rank-history-progress-sub{font-size:12px;color:#64748b;}
@media (max-width: 1100px){
  .iwc-ranking-rebuild-main{grid-template-columns:1fr;}
  .iwc-ranking-rebuild-metrics{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width: 767px){
  .iwc-ranking-view-shell{padding:18px 12px 48px;}
  .iwc-ranking-rebuild-backdrop{height:220px;border-radius:26px;}
  .iwc-ranking-rebuild-cover-card,.iwc-ranking-rebuild-summary-card,.iwc-ranking-rebuild-podium-card,.iwc-ranking-rebuild-board-wrap .iwc-rank-box{border-radius:24px;}
  .iwc-ranking-rebuild-cover-card,.iwc-ranking-rebuild-summary-card{padding:16px;}
  .iwc-ranking-rebuild-cover-meta h1{font-size:24px;}
  .iwc-ranking-rebuild-summary-top{flex-direction:column;align-items:stretch;}
  .iwc-ranking-rebuild-actions{justify-content:stretch;}
  .iwc-ranking-rebuild-actions .iwc-btn-ghost,.iwc-ranking-rebuild-actions .iwc-start-btn{width:100%;justify-content:center;}
  .iwc-ranking-rebuild-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
  .iwc-ranking-rebuild-metric{padding:14px 14px 12px;border-radius:18px;}
  .iwc-ranking-rebuild-metric strong{font-size:24px;}
  .iwc-ranking-rebuild-leader{flex-direction:column;align-items:stretch;padding:16px;border-radius:22px;}
  .iwc-ranking-rebuild-leader-copy strong{font-size:23px;}
  .iwc-ranking-rebuild-leader-count{min-width:0;align-items:flex-start;padding:14px 16px;}
  .iwc-ranking-rebuild-leader-count strong{font-size:34px;}
  .iwc-ranking-rebuild-section-head h2{font-size:24px;}
  .iwc-ranking-rebuild-podium-grid{grid-template-columns:1fr;}
  .iwc-ranking-rebuild-podium-card.rank-1{transform:none;}
  .iwc-ranking-rebuild-board-wrap .iwc-rank-box{padding:14px 14px 4px;}
  .iwc-ranking-rebuild-board-wrap .iwc-rank-item{padding:14px;border-radius:22px;gap:12px;}
  .iwc-ranking-rebuild-board-wrap .iwc-detail-rank-history-thumb-wrap{width:92px;min-width:92px;}
  .iwc-ranking-rebuild-board-wrap .iwc-detail-rank-history-thumb{width:92px;height:92px;border-radius:20px;}
  .iwc-ranking-rebuild-board-wrap .iwc-detail-rank-history-medal{width:48px;height:48px;border-radius:16px;font-size:18px;}
  .iwc-ranking-rebuild-board-wrap .iwc-detail-rank-history-name{font-size:18px;}
  .iwc-ranking-rebuild-board-wrap .iwc-detail-rank-history-progress{padding:12px;border-radius:16px;}
}

/* 2026-04 ranking page full service rebuild */
.iwc-rankpage-shell{max-width:1360px;margin:0 auto;padding:18px 18px 54px;display:flex;flex-direction:column;gap:22px;}
.iwc-rankpage-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.iwc-rankpage-toplinks{display:flex;flex-wrap:wrap;gap:10px;}
.iwc-rankpage-toplinks .iwc-btn-ghost,.iwc-rankpage-topbar .iwc-start-btn{min-height:44px;padding:0 16px;border-radius:14px;}
.iwc-rankpage-hero,.iwc-rankpage-podium,.iwc-rankpage-board,.iwc-rankpage-lock,.iwc-rankpage-empty{position:relative;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(16,22,38,.90),rgba(8,11,22,.94));border-radius:30px;box-shadow:0 28px 80px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.04);overflow:hidden;}
.iwc-rankpage-hero{display:grid;grid-template-columns:minmax(0,1.25fr) 420px;gap:22px;padding:30px;}
.iwc-rankpage-hero::before,.iwc-rankpage-podium::before,.iwc-rankpage-board::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right, rgba(98,160,255,.16), transparent 34%),radial-gradient(circle at bottom left, rgba(255,104,196,.12), transparent 28%);pointer-events:none;}
.iwc-rankpage-hero-main{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:18px;align-items:stretch;min-width:0;position:relative;z-index:1;}
.iwc-rankpage-hero-copy{display:flex;flex-direction:column;justify-content:space-between;gap:18px;min-width:0;padding:4px 2px 4px 0;}
.iwc-rankpage-kicker-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;}
.iwc-rankpage-kicker,.iwc-rankpage-state,.iwc-rankpage-sectionkicker,.iwc-rankpage-champion-badge,.iwc-rankpage-lock-badge{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;}
.iwc-rankpage-kicker,.iwc-rankpage-sectionkicker,.iwc-rankpage-lock-badge{background:rgba(110,152,255,.14);border:1px solid rgba(120,163,255,.22);color:#c8d7ff;}
.iwc-rankpage-state{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:#eff4ff;letter-spacing:.06em;}
.iwc-rankpage-hero h1,.iwc-rankpage-empty h1,.iwc-rankpage-lock h1{margin:0;font-size:clamp(34px,4vw,52px);line-height:1.04;letter-spacing:-.03em;color:#fff;}
.iwc-rankpage-hero p,.iwc-rankpage-empty p,.iwc-rankpage-lock p{margin:0;color:rgba(230,236,250,.78);font-size:15px;line-height:1.8;}
.iwc-rankpage-meta-chips{display:flex;flex-wrap:wrap;gap:10px;}
.iwc-rankpage-meta-chips span{display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);color:#eef3ff;font-size:13px;font-weight:700;}
.iwc-rankpage-hero-cover,.iwc-rankpage-champion-thumb,.iwc-rankpage-podium-thumb,.iwc-rankpage-rowthumb{position:relative;overflow:hidden;background:linear-gradient(180deg,#171e33,#0a0f1d);}
.iwc-rankpage-hero-cover{border-radius:26px;border:1px solid rgba(255,255,255,.12);min-height:100%;box-shadow:inset 0 1px 0 rgba(255,255,255,.05);}
.iwc-rankpage-hero-cover img,.iwc-rankpage-hero-cover .iwc-noimg,.iwc-rankpage-champion-thumb img,.iwc-rankpage-champion-thumb video,.iwc-rankpage-podium-thumb img,.iwc-rankpage-podium-thumb video,.iwc-rankpage-rowthumb img,.iwc-rankpage-rowthumb video{width:100%;height:100%;object-fit:cover;display:block;}
.iwc-rankpage-hero-cover .iwc-noimg,.iwc-rankpage-champion-thumb .iwc-noimg,.iwc-rankpage-podium-thumb .iwc-noimg,.iwc-rankpage-rowthumb .iwc-noimg{display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.52);font-weight:800;letter-spacing:.18em;}
.iwc-rankpage-playmark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(10,14,26,.72);border:1px solid rgba(255,255,255,.24);color:#fff;font-size:22px;backdrop-filter:blur(10px);}
.iwc-rankpage-hero-side{display:flex;flex-direction:column;gap:18px;position:relative;z-index:1;}
.iwc-rankpage-statcard-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.iwc-rankpage-statcard{min-height:118px;border-radius:22px;padding:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);display:flex;flex-direction:column;justify-content:space-between;}
.iwc-rankpage-statcard span{font-size:12px;color:#aeb9d8;font-weight:700;letter-spacing:.02em;}
.iwc-rankpage-statcard strong{font-size:34px;line-height:1;color:#fff;letter-spacing:-.04em;}
.iwc-rankpage-statcard em{font-style:normal;color:#dfe7fb;font-size:12px;}
.iwc-rankpage-champion-card{padding:18px;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.045));border:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;gap:14px;}
.iwc-rankpage-champion-head{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.iwc-rankpage-champion-head strong{color:#fff;font-size:16px;}
.iwc-rankpage-champion-badge{background:rgba(255,213,96,.14);border:1px solid rgba(255,219,110,.24);color:#ffe7a6;letter-spacing:.14em;}
.iwc-rankpage-champion-body{display:grid;grid-template-columns:110px minmax(0,1fr);gap:14px;align-items:center;}
.iwc-rankpage-champion-thumb{height:110px;border-radius:20px;border:1px solid rgba(255,255,255,.10);}
.iwc-rankpage-champion-copy{min-width:0;display:flex;flex-direction:column;gap:10px;}
.iwc-rankpage-champion-copy h2{margin:0;font-size:22px;line-height:1.15;color:#fff;letter-spacing:-.03em;word-break:break-word;}
.iwc-rankpage-champion-copy p{font-size:13px;line-height:1.7;}
.iwc-rankpage-champion-stats{display:flex;flex-wrap:wrap;gap:8px;}
.iwc-rankpage-champion-stats span{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border-radius:999px;background:rgba(10,14,26,.44);border:1px solid rgba(255,255,255,.10);color:#f7faff;font-size:12px;font-weight:700;}
.iwc-rankpage-sectionhead{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px;padding:30px 30px 0;}
.iwc-rankpage-sectionhead h2{margin:8px 0 6px;font-size:30px;color:#fff;line-height:1.06;letter-spacing:-.03em;}
.iwc-rankpage-sectionhead p{margin:0;color:rgba(230,236,250,.72);font-size:14px;line-height:1.75;}
.iwc-rankpage-podium{padding-bottom:28px;}
.iwc-rankpage-podium-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:0 30px;}
.iwc-rankpage-podium-card{position:relative;padding:18px;border-radius:24px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);display:flex;flex-direction:column;gap:16px;overflow:hidden;}
.iwc-rankpage-podium-card.rank-1{background:linear-gradient(180deg,rgba(255,217,114,.14),rgba(255,255,255,.05));border-color:rgba(255,222,120,.22);transform:translateY(-8px);}
.iwc-rankpage-podium-card.rank-2{background:linear-gradient(180deg,rgba(120,168,255,.12),rgba(255,255,255,.05));}
.iwc-rankpage-podium-card.rank-3{background:linear-gradient(180deg,rgba(255,130,190,.10),rgba(255,255,255,.05));}
.iwc-rankpage-podium-rank{display:inline-flex;align-self:flex-start;min-height:32px;padding:0 12px;border-radius:999px;background:rgba(10,14,26,.46);border:1px solid rgba(255,255,255,.11);font-size:12px;font-weight:800;color:#fff;letter-spacing:.08em;align-items:center;}
.iwc-rankpage-podium-thumb{height:250px;border-radius:22px;border:1px solid rgba(255,255,255,.10);}
.iwc-rankpage-podium-copy{display:flex;flex-direction:column;gap:14px;min-width:0;}
.iwc-rankpage-podium-titleline{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.iwc-rankpage-podium-titleline h3{margin:0;font-size:24px;color:#fff;line-height:1.1;letter-spacing:-.03em;word-break:break-word;}
.iwc-rankpage-typepill{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 10px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.11);font-size:11px;font-weight:800;color:#e7edff;white-space:nowrap;}
.iwc-rankpage-board{padding-bottom:28px;}
.iwc-rankpage-tablehead{position:relative;z-index:1;display:grid;grid-template-columns:90px minmax(0,1.35fr) minmax(210px,.8fr) minmax(210px,.8fr) 170px;gap:16px;align-items:center;padding:0 30px 12px;color:#9aa8ca;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;}
.iwc-rankpage-boardlist{position:relative;z-index:1;display:flex;flex-direction:column;gap:14px;padding:0 30px;}
.iwc-rankpage-row{display:grid;grid-template-columns:90px minmax(0,1.35fr) minmax(210px,.8fr) minmax(210px,.8fr) 170px;gap:16px;align-items:center;padding:16px 18px;border-radius:24px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.10);box-shadow:inset 0 1px 0 rgba(255,255,255,.04);}
.iwc-rankpage-row.is-top{background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.045));}
.iwc-rankpage-rankcell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;}
.iwc-rankpage-ranknum{width:58px;height:58px;border-radius:18px;background:linear-gradient(180deg,#182242,#0b1121);border:1px solid rgba(255,255,255,.10);display:flex;align-items:center;justify-content:center;color:#fff;font-size:25px;font-weight:900;letter-spacing:-.04em;}
.iwc-rankpage-rankhint{font-size:11px;font-weight:800;color:#8ea9ff;letter-spacing:.1em;text-transform:uppercase;}
.iwc-rankpage-candidatecell{display:grid;grid-template-columns:88px minmax(0,1fr);gap:14px;align-items:center;min-width:0;}
.iwc-rankpage-rowthumb{height:88px;border-radius:20px;border:1px solid rgba(255,255,255,.10);}
.iwc-rankpage-rowcopy{display:flex;flex-direction:column;gap:8px;min-width:0;}
.iwc-rankpage-rowtitleline{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;min-width:0;}
.iwc-rankpage-rowtitleline h3{margin:0;font-size:21px;color:#fff;line-height:1.18;letter-spacing:-.03em;word-break:break-word;}
.iwc-rankpage-toplabel{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;background:rgba(110,152,255,.14);border:1px solid rgba(123,167,255,.20);font-size:11px;font-weight:900;color:#d2deff;letter-spacing:.08em;}
.iwc-rankpage-rowmeta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:#b3c0df;font-size:12px;}
.iwc-rankpage-progresscell{min-width:0;}
.iwc-rankpage-progress{display:flex;flex-direction:column;gap:8px;min-width:0;}
.iwc-rankpage-progress-head{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#dfe7fb;font-size:12px;font-weight:700;}
.iwc-rankpage-progress-head strong{font-size:18px;color:#fff;letter-spacing:-.03em;}
.iwc-rankpage-progress-bar{height:10px;border-radius:999px;background:rgba(255,255,255,.07);overflow:hidden;position:relative;}
.iwc-rankpage-progress-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7dc3ff,#6a7bff);box-shadow:0 0 20px rgba(104,133,255,.45);}
.iwc-rankpage-progress-bar.is-win span{background:linear-gradient(90deg,#ff8fc7,#ffb485);box-shadow:0 0 20px rgba(255,141,194,.38);}
.iwc-rankpage-progress-sub{font-size:12px;color:#99a9cd;line-height:1.6;}
.iwc-rankpage-recordcell{display:flex;flex-direction:column;gap:8px;}
.iwc-rankpage-recordpill{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:16px;background:rgba(10,14,26,.42);border:1px solid rgba(255,255,255,.09);}
.iwc-rankpage-recordpill span{font-size:11px;color:#9eb0d4;font-weight:700;}
.iwc-rankpage-recordpill strong{font-size:18px;color:#fff;line-height:1.15;letter-spacing:-.03em;}
.iwc-rankpage-recordpill.is-win strong{color:#ffd4e9;}
.iwc-rankpage-emptyboard{position:relative;z-index:1;padding:40px 30px 4px;color:#dfe7fb;font-size:15px;}
.iwc-rankpage-paging{position:relative;z-index:1;padding:18px 30px 0;}
.iwc-rankpage-paging .iwc-paging{margin-bottom:0;}
.iwc-rankpage-lock,.iwc-rankpage-empty{padding:44px 28px;text-align:center;display:flex;flex-direction:column;gap:16px;align-items:center;justify-content:center;}
.iwc-rankpage-empty-icon{width:70px;height:70px;border-radius:24px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.10);display:flex;align-items:center;justify-content:center;color:#fff;font-size:32px;font-weight:900;}
.iwc-rankpage-lock-badge{margin-bottom:4px;}
@media (max-width: 1220px){
  .iwc-rankpage-hero{grid-template-columns:1fr;}
  .iwc-rankpage-hero-side{order:-1;}
}
@media (max-width: 1024px){
  .iwc-rankpage-podium-grid{grid-template-columns:1fr;}
  .iwc-rankpage-podium-card.rank-1{transform:none;}
  .iwc-rankpage-tablehead{display:none;}
  .iwc-rankpage-row{grid-template-columns:80px minmax(0,1fr);grid-template-areas:"rank candidate" "champ champ" "win win" "record record";}
  .iwc-rankpage-rankcell{grid-area:rank;}
  .iwc-rankpage-candidatecell{grid-area:candidate;}
  .iwc-rankpage-row:nth-child(n) .iwc-rankpage-progresscell:nth-of-type(1){grid-area:champ;}
  .iwc-rankpage-row:nth-child(n) .iwc-rankpage-progresscell:nth-of-type(2){grid-area:win;}
  .iwc-rankpage-recordcell{grid-area:record;flex-direction:row;}
}
@media (max-width: 767px){
  .iwc-rankpage-shell{padding:14px 12px 32px;gap:16px;}
  .iwc-rankpage-topbar{flex-direction:column;align-items:stretch;}
  .iwc-rankpage-toplinks{display:grid;grid-template-columns:1fr 1fr;}
  .iwc-rankpage-topbar .iwc-start-btn{width:100%;justify-content:center;}
  .iwc-rankpage-hero,.iwc-rankpage-podium,.iwc-rankpage-board,.iwc-rankpage-lock,.iwc-rankpage-empty{border-radius:24px;}
  .iwc-rankpage-hero{padding:18px;gap:16px;}
  .iwc-rankpage-hero-main{grid-template-columns:1fr;}
  .iwc-rankpage-hero-cover{height:210px;order:-1;}
  .iwc-rankpage-hero h1,.iwc-rankpage-empty h1,.iwc-rankpage-lock h1{font-size:30px;}
  .iwc-rankpage-meta-chips span{min-height:34px;padding:0 12px;font-size:12px;}
  .iwc-rankpage-statcard-grid{grid-template-columns:1fr 1fr;}
  .iwc-rankpage-statcard{min-height:96px;padding:14px;border-radius:18px;}
  .iwc-rankpage-statcard strong{font-size:26px;}
  .iwc-rankpage-champion-body{grid-template-columns:82px minmax(0,1fr);}
  .iwc-rankpage-champion-thumb{height:82px;border-radius:16px;}
  .iwc-rankpage-champion-copy h2{font-size:18px;}
  .iwc-rankpage-sectionhead{padding:20px 18px 0;margin-bottom:14px;}
  .iwc-rankpage-sectionhead h2{font-size:24px;}
  .iwc-rankpage-podium-grid,.iwc-rankpage-boardlist{padding:0 18px;}
  .iwc-rankpage-podium-card{padding:14px;border-radius:20px;}
  .iwc-rankpage-podium-thumb{height:200px;border-radius:18px;}
  .iwc-rankpage-podium-titleline{align-items:flex-start;flex-direction:column;}
  .iwc-rankpage-row{padding:14px;border-radius:20px;gap:12px;grid-template-columns:68px minmax(0,1fr);}
  .iwc-rankpage-ranknum{width:48px;height:48px;border-radius:14px;font-size:22px;}
  .iwc-rankpage-candidatecell{grid-template-columns:72px minmax(0,1fr);gap:12px;}
  .iwc-rankpage-rowthumb{height:72px;border-radius:16px;}
  .iwc-rankpage-rowtitleline h3{font-size:18px;}
  .iwc-rankpage-progress-head strong{font-size:16px;}
  .iwc-rankpage-recordcell{flex-direction:column;}
  .iwc-rankpage-paging{padding:16px 18px 0;}
}
@media (max-width: 520px){
  .iwc-rankpage-toplinks{grid-template-columns:1fr;}
  .iwc-rankpage-statcard-grid{grid-template-columns:1fr;}
  .iwc-rankpage-meta-chips{display:grid;grid-template-columns:1fr 1fr;}
  .iwc-rankpage-meta-chips span{justify-content:center;}
  .iwc-rankpage-row{grid-template-columns:1fr;grid-template-areas:"rank" "candidate" "champ" "win" "record";}
  .iwc-rankpage-rankcell{align-items:flex-start;}
  .iwc-rankpage-recordcell{flex-direction:column;}
}


/* === Ranking Page SaaS Premium Rebuild === */
.iwc-rankpage-shell-saas{
  max-width:1320px;
  margin:0 auto;
  padding:20px 18px 56px;
}
.iwc-rankpage-mini-topbar{
  margin-bottom:20px;
}
.iwc-rankpage-mini-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.iwc-rankpage-mini-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:0 18px;
  border-radius:16px;
  border:1px solid rgba(148,163,184,.22);
  background:rgba(255,255,255,.88);
  color:#0f172a;
  font-weight:800;
  letter-spacing:-0.02em;
  box-shadow:0 12px 28px rgba(15,23,42,.06);
  backdrop-filter:blur(14px);
}
.iwc-rankpage-mini-btn.is-start{
  background:linear-gradient(135deg,#0f172a,#1e293b);
  color:#fff;
  border-color:rgba(15,23,42,.4);
}
.iwc-rankpage-mini-btn:hover{transform:translateY(-1px);color:inherit;text-decoration:none;}

.iwc-rank-saas-podium-wrap,
.iwc-rank-saas-board-wrap{
  position:relative;
  margin-top:18px;
  border:1px solid rgba(148,163,184,.18);
  border-radius:32px;
  background:
    radial-gradient(circle at top right, rgba(96,165,250,.12), transparent 32%),
    radial-gradient(circle at top left, rgba(196,181,253,.12), transparent 28%),
    linear-gradient(180deg, rgba(255,255,255,.97), rgba(248,250,252,.94));
  box-shadow:0 24px 70px rgba(15,23,42,.08);
  overflow:hidden;
}
.iwc-rank-saas-podium-wrap::before,
.iwc-rank-saas-board-wrap::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg, rgba(255,255,255,.35), transparent 22%);
}
.iwc-rank-saas-sectionbar{
  position:relative;
  z-index:1;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  padding:28px 30px 20px;
}
.iwc-rank-saas-titlebox h1,
.iwc-rank-saas-titlebox h2{
  margin:0;
  color:#0f172a;
  font-size:34px;
  line-height:1.08;
  letter-spacing:-0.04em;
}
.iwc-rank-saas-titlebox h2{font-size:30px;}
.iwc-rank-saas-titlebox p{
  margin:10px 0 0;
  color:#64748b;
  font-size:15px;
  line-height:1.7;
}
.iwc-rank-saas-kicker{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 12px;
  border-radius:999px;
  background:#eef2ff;
  color:#4f46e5;
  font-size:12px;
  font-weight:900;
  letter-spacing:.14em;
  margin-bottom:12px;
}
.iwc-rank-saas-mini-stats{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  justify-content:flex-end;
}
.iwc-rank-saas-mini-stats span,
.iwc-rank-saas-board-note{
  display:inline-flex;
  align-items:center;
  min-height:42px;
  padding:0 16px;
  border-radius:14px;
  background:rgba(255,255,255,.86);
  border:1px solid rgba(226,232,240,.94);
  color:#475569;
  font-size:13px;
  font-weight:700;
  box-shadow:0 10px 24px rgba(15,23,42,.05);
}
.iwc-rank-saas-mini-stats strong{color:#0f172a;margin-right:6px;font-size:15px;}

.iwc-rank-saas-podium-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
  align-items:end;
  padding:10px 30px 34px;
}
.iwc-rank-saas-podium-card{
  position:relative;
  display:flex;
  flex-direction:column;
  border:1px solid rgba(226,232,240,.92);
  border-radius:28px;
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,250,252,.95));
  box-shadow:0 18px 44px rgba(15,23,42,.08);
  overflow:hidden;
}
.iwc-rank-saas-podium-card.is-tall{transform:translateY(-14px);}
.iwc-rank-saas-podium-card.is-mid .iwc-rank-saas-step{height:54px;}
.iwc-rank-saas-podium-card.is-tall .iwc-rank-saas-step{height:86px;}
.iwc-rank-saas-podium-card.is-low .iwc-rank-saas-step{height:36px;}
.iwc-rank-saas-podium-card.is-gold{border-color:rgba(250,204,21,.42);}
.iwc-rank-saas-podium-card.is-silver{border-color:rgba(148,163,184,.34);}
.iwc-rank-saas-podium-card.is-bronze{border-color:rgba(251,146,60,.32);}
.iwc-rank-saas-podium-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:18px 18px 0;
}
.iwc-rank-saas-podium-rank{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 12px;
  border-radius:999px;
  background:#0f172a;
  color:#fff;
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
}
.iwc-rank-saas-typepill{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 10px;
  border-radius:999px;
  background:#f8fafc;
  border:1px solid rgba(226,232,240,.9);
  color:#475569;
  font-size:12px;
  font-weight:800;
}
.iwc-rank-saas-podium-media{padding:18px 18px 0;}
.iwc-rank-saas-podium-thumb,
.iwc-rank-saas-rowthumb{
  position:relative;
  width:100%;
  background:#e2e8f0;
  overflow:hidden;
}
.iwc-rank-saas-podium-thumb{aspect-ratio:1/1;border-radius:24px;}
.iwc-rank-saas-rowthumb{width:84px;height:84px;border-radius:22px;flex:0 0 84px;}
.iwc-rank-saas-podium-thumb img,
.iwc-rank-saas-podium-thumb video,
.iwc-rank-saas-rowthumb img,
.iwc-rank-saas-rowthumb video{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.iwc-rank-saas-podium-thumb.is-motion video,
.iwc-rank-saas-rowthumb.is-motion video{object-fit:contain;background:#0f172a;}
.iwc-rank-saas-podium-thumb.is-video::after,
.iwc-rank-saas-rowthumb.is-video::after{
  content:"";
  position:absolute;
  inset:auto 14px 14px auto;
  width:36px;
  height:36px;
  border-radius:50%;
  background:rgba(15,23,42,.74);
  box-shadow:0 8px 18px rgba(15,23,42,.25);
}
.iwc-rank-saas-podium-thumb .iwc-rankpage-playmark,
.iwc-rank-saas-rowthumb .iwc-rankpage-playmark{
  position:absolute;
  right:26px;
  bottom:22px;
  transform:none;
  font-size:14px;
  color:#fff;
  z-index:2;
}
.iwc-rank-saas-rowthumb .iwc-rankpage-playmark{right:22px;bottom:18px;}
.iwc-rank-saas-podium-body{padding:18px 18px 22px;display:flex;flex-direction:column;gap:16px;}
.iwc-rank-saas-podium-body h2{margin:0;color:#0f172a;font-size:24px;line-height:1.18;letter-spacing:-0.03em;}
.iwc-rank-saas-podium-metrics{display:flex;flex-direction:column;gap:12px;}
.iwc-rank-saas-step{position:relative;margin-top:auto;background:linear-gradient(180deg,#f8fafc,#edf2f7);border-top:1px solid rgba(226,232,240,.9);}
.iwc-rank-saas-step span{display:block;width:100%;height:100%;background:linear-gradient(180deg, rgba(15,23,42,.02), transparent);}

.iwc-rankpage-progress{display:flex;flex-direction:column;gap:8px;}
.iwc-rankpage-progress-head{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#475569;font-size:13px;font-weight:800;}
.iwc-rankpage-progress-head strong{color:#0f172a;font-size:14px;}
.iwc-rankpage-progress-bar{position:relative;height:10px;border-radius:999px;background:#e2e8f0;overflow:hidden;}
.iwc-rankpage-progress-bar span{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:linear-gradient(90deg,#6366f1,#8b5cf6);}
.iwc-rankpage-progress-bar.is-win span{background:linear-gradient(90deg,#0ea5e9,#22c55e);}
.iwc-rankpage-progress-sub{color:#94a3b8;font-size:12px;line-height:1.4;}

.iwc-rank-saas-board-wrap{padding-bottom:10px;}
.iwc-rank-saas-board-list{position:relative;z-index:1;padding:4px 22px 24px;display:flex;flex-direction:column;gap:14px;}
.iwc-rank-saas-row{
  display:grid;
  grid-template-columns:96px minmax(0,1.3fr) minmax(220px,.8fr) minmax(220px,.8fr);
  gap:16px;
  align-items:center;
  padding:18px;
  border-radius:26px;
  background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,250,252,.94));
  border:1px solid rgba(226,232,240,.95);
  box-shadow:0 14px 30px rgba(15,23,42,.05);
}
.iwc-rank-saas-row.is-top{
  border-color:rgba(99,102,241,.28);
  box-shadow:0 18px 36px rgba(79,70,229,.09);
}
.iwc-rank-saas-rankbox{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
  min-height:110px;
  border-radius:22px;
  background:linear-gradient(180deg,#0f172a,#1e293b);
  color:#fff;
}
.iwc-rank-saas-ranklabel{font-size:11px;font-weight:900;letter-spacing:.14em;opacity:.72;}
.iwc-rank-saas-rankbox strong{font-size:38px;line-height:1;font-weight:900;letter-spacing:-0.06em;}
.iwc-rank-saas-candidatebox{display:flex;align-items:center;gap:16px;min-width:0;}
.iwc-rank-saas-rowcopy{min-width:0;display:flex;flex-direction:column;gap:10px;}
.iwc-rank-saas-rowtitle{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.iwc-rank-saas-rowtitle h3{margin:0;color:#0f172a;font-size:24px;line-height:1.2;letter-spacing:-0.03em;word-break:break-all;}
.iwc-rank-saas-rowchips{display:flex;flex-wrap:wrap;gap:8px;}
.iwc-rank-saas-rowchips span{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:0 10px;
  border-radius:999px;
  background:#f8fafc;
  border:1px solid rgba(226,232,240,.9);
  color:#64748b;
  font-size:12px;
  font-weight:700;
}
.iwc-rank-saas-metricbox{
  align-self:stretch;
  display:flex;
  align-items:center;
  padding:0 6px;
}
.iwc-rank-saas-board-wrap .iwc-rankpage-paging{padding:0 22px 20px;}
.iwc-rankpage-emptyboard{position:relative;z-index:1;padding:28px 30px 34px;color:#64748b;}

@media (max-width: 1080px){
  .iwc-rank-saas-podium-grid{grid-template-columns:1fr;align-items:stretch;}
  .iwc-rank-saas-podium-card.is-tall{transform:none;}
  .iwc-rank-saas-row{grid-template-columns:82px minmax(0,1fr);}
  .iwc-rank-saas-metricbox{grid-column:2/3;padding:0;}
}
@media (max-width: 767px){
  .iwc-rankpage-shell-saas{padding:14px 12px 34px;}
  .iwc-rankpage-mini-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
  .iwc-rankpage-mini-btn{min-height:42px;padding:0 8px;border-radius:14px;font-size:13px;}
  .iwc-rank-saas-podium-wrap,
  .iwc-rank-saas-board-wrap{border-radius:24px;}
  .iwc-rank-saas-sectionbar{padding:18px 16px 14px;flex-direction:column;align-items:stretch;gap:12px;}
  .iwc-rank-saas-titlebox h1{font-size:25px;}
  .iwc-rank-saas-titlebox h2{font-size:24px;}
  .iwc-rank-saas-titlebox p{font-size:13px;line-height:1.58;}
  .iwc-rank-saas-mini-stats{justify-content:flex-start;}
  .iwc-rank-saas-mini-stats span,
  .iwc-rank-saas-board-note{min-height:34px;padding:0 12px;font-size:11px;border-radius:12px;}
  .iwc-rank-saas-podium-grid{padding:4px 14px 18px;gap:14px;}
  .iwc-rank-saas-podium-card{border-radius:22px;}
  .iwc-rank-saas-podium-thumb{border-radius:18px;}
  .iwc-rank-saas-podium-body{padding:14px 14px 16px;gap:12px;}
  .iwc-rank-saas-podium-body h2{font-size:19px;}
  .iwc-rank-saas-step{display:none;}
  .iwc-rank-saas-board-list{padding:2px 10px 14px;gap:10px;}
  .iwc-rank-saas-row{grid-template-columns:64px minmax(0,1fr);padding:12px;border-radius:20px;gap:12px;}
  .iwc-rank-saas-rankbox{min-height:82px;border-radius:18px;}
  .iwc-rank-saas-rankbox strong{font-size:28px;}
  .iwc-rank-saas-rowthumb{width:64px;height:64px;border-radius:16px;flex-basis:64px;}
  .iwc-rank-saas-candidatebox{gap:12px;align-items:flex-start;}
  .iwc-rank-saas-rowtitle h3{font-size:17px;}
  .iwc-rank-saas-rowchips{gap:6px;}
  .iwc-rank-saas-rowchips span{min-height:28px;padding:0 8px;font-size:11px;}
  .iwc-rankpage-progress-head{font-size:12px;}
  .iwc-rankpage-progress-sub{font-size:11px;}
  .iwc-rank-saas-board-wrap .iwc-rankpage-paging{padding:0 10px 14px;}
}

@media (max-width: 1180px){
  .iwc-rank-saas-row{
    grid-template-columns:76px minmax(0,1fr);
    gap:14px;
  }
  .iwc-rank-saas-statsbox{
    grid-column:2/3;
    grid-template-columns:1fr 1fr;
    margin-top:2px;
  }
  .iwc-rank-saas-rowtitle h3{font-size:22px;}
}
@media (max-width: 767px){
  .iwc-rank-saas-board-list{padding:2px 10px 14px;gap:10px;}
  .iwc-rank-saas-row{
    grid-template-columns:62px minmax(0,1fr);
    padding:12px;
    border-radius:22px;
    gap:12px;
  }
  .iwc-rank-saas-rankbox{min-height:78px;border-radius:18px;}
  .iwc-rank-saas-rankbox strong{font-size:27px;}
  .iwc-rank-saas-rowthumb{width:66px;height:66px;border-radius:18px;flex-basis:66px;}
  .iwc-rank-saas-candidatebox{gap:12px;align-items:flex-start;}
  .iwc-rank-saas-rowtitle h3{font-size:18px;line-height:1.24;}
  .iwc-rank-saas-rowmeta{gap:6px;}
  .iwc-rank-saas-microchip,
  .iwc-rank-saas-typepill{min-height:28px;padding:0 8px;font-size:11px;}
  .iwc-rank-saas-rowsub{font-size:11px;}
  .iwc-rank-saas-statsbox{
    grid-column:1/-1;
    grid-template-columns:1fr;
    padding:12px;
    gap:10px;
    border-radius:18px;
  }
  .iwc-rank-saas-board-wrap .iwc-rankpage-progress-head strong{font-size:18px;}
  .iwc-rank-saas-board-wrap .iwc-rankpage-paging{padding:0 10px 14px;}
}

/* 2026-04 ranking leaderboard v3 cleanup */
.iwc-rank-saas-board-list{gap:12px;}
.iwc-rank-saas-row{
  grid-template-columns:78px minmax(0,1fr) minmax(320px,0.92fr);
  gap:18px;
  align-items:center;
  padding:16px 18px;
}
.iwc-rank-saas-rankbox{
  min-height:96px;
  border-radius:20px;
  gap:2px;
}
.iwc-rank-saas-ranklabel{font-size:10px;letter-spacing:.18em;}
.iwc-rank-saas-rankbox strong{font-size:32px;}
.iwc-rank-saas-candidatebox{gap:14px;align-items:center;min-width:0;}
.iwc-rank-saas-rowthumb{width:72px;height:72px;flex-basis:72px;border-radius:18px;}
.iwc-rank-saas-rowcopy{justify-content:center;gap:8px;min-width:0;}
.iwc-rank-saas-rowtitle{display:block;min-width:0;}
.iwc-rank-saas-rowtitle h3{
  font-size:20px;
  line-height:1.22;
  word-break:keep-all;
  overflow-wrap:anywhere;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.iwc-rank-saas-rowmeta{gap:7px;}
.iwc-rank-saas-typepill,
.iwc-rank-saas-microchip{
  min-height:30px;
  padding:0 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:800;
}
.iwc-rank-saas-rowsub{display:none;}
.iwc-rank-saas-statsbox{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
  align-self:stretch;
  padding:16px 18px;
  border-radius:22px;
  background:linear-gradient(180deg,#f8fafc,#f1f5f9);
  border:1px solid rgba(226,232,240,.95);
}
.iwc-rank-saas-metricbox{
  padding:0;
}
.iwc-rank-saas-board-wrap .iwc-rankpage-progress{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.iwc-rank-saas-board-wrap .iwc-rankpage-progress-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.iwc-rank-saas-board-wrap .iwc-rankpage-progress-head span,
.iwc-rank-saas-board-wrap .iwc-rankpage-progress-head strong,
.iwc-rank-saas-board-wrap .iwc-rankpage-progress-sub{
  white-space:nowrap;
}
.iwc-rank-saas-board-wrap .iwc-rankpage-progress-head span{
  font-size:13px;
  color:#475569;
  font-weight:800;
  flex:0 0 auto;
}
.iwc-rank-saas-board-wrap .iwc-rankpage-progress-head strong{
  font-size:24px;
  color:#0f172a;
  letter-spacing:-0.05em;
  flex:0 0 auto;
}
.iwc-rank-saas-board-wrap .iwc-rankpage-progress-sub{
  font-size:12px;
  color:#94a3b8;
  line-height:1.3;
}
.iwc-rank-saas-board-wrap .iwc-rankpage-progress-bar{
  height:10px;
  border-radius:999px;
}
.iwc-rank-saas-board-wrap .iwc-rankpage-progress-bar span{
  border-radius:999px;
}

@media (max-width: 1180px){
  .iwc-rank-saas-row{
    grid-template-columns:74px minmax(0,1fr);
    gap:14px;
  }
  .iwc-rank-saas-statsbox{
    grid-column:2/3;
    grid-template-columns:1fr 1fr;
    margin-top:0;
  }
}

@media (max-width: 767px){
  .iwc-rank-saas-row{
    grid-template-columns:58px minmax(0,1fr);
    gap:12px;
    padding:12px;
    border-radius:20px;
  }
  .iwc-rank-saas-rankbox{
    min-height:78px;
    border-radius:18px;
  }
  .iwc-rank-saas-rankbox strong{font-size:26px;}
  .iwc-rank-saas-rowthumb{width:64px;height:64px;flex-basis:64px;border-radius:16px;}
  .iwc-rank-saas-candidatebox{align-items:flex-start;}
  .iwc-rank-saas-rowtitle h3{font-size:17px;line-height:1.24;}
  .iwc-rank-saas-typepill,
  .iwc-rank-saas-microchip{min-height:28px;padding:0 8px;font-size:11px;}
  .iwc-rank-saas-statsbox{
    grid-column:1/-1;
    grid-template-columns:1fr;
    padding:12px;
    gap:10px;
    border-radius:18px;
  }
  .iwc-rank-saas-board-wrap .iwc-rankpage-progress-head span{font-size:12px;}
  .iwc-rank-saas-board-wrap .iwc-rankpage-progress-head strong{font-size:18px;}
  .iwc-rank-saas-board-wrap .iwc-rankpage-progress-sub{white-space:normal;font-size:11px;}
}

/* 2026-04-06 ranking page total rebuild: rankhub premium board */
.iwc-rankhub-shell{max-width:1280px;margin:0 auto;padding:22px 16px 56px;}
.iwc-rankhub-topnav{margin-bottom:18px;}
.iwc-rankhub-topnav-inner{display:flex;flex-wrap:wrap;gap:10px;}
.iwc-rankhub-nav-btn{
  display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:14px;
  border:1px solid rgba(148,163,184,.22);background:rgba(255,255,255,.9);backdrop-filter:blur(14px);
  color:#0f172a;font-size:14px;font-weight:900;letter-spacing:-.02em;text-decoration:none;
  box-shadow:0 14px 34px rgba(15,23,42,.06);transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease, color .18s ease, filter .18s ease;
}
.iwc-rankhub-nav-btn:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(15,23,42,.10);text-decoration:none;}
.iwc-rankhub-nav-btn.is-start{background:linear-gradient(135deg,var(--iwc-primary),var(--iwc-primary-2));color:#fff;border-color:transparent;box-shadow:0 12px 24px rgba(37,99,235,.22);}
.iwc-rankhub-nav-btn.is-start:hover,
.iwc-rankhub-nav-btn.is-start:focus-visible{background:linear-gradient(135deg,#2563eb,#1d4ed8) !important;color:#fff !important;border-color:transparent !important;transform:translateY(-1px);box-shadow:0 18px 32px rgba(37,99,235,.28) !important;filter:saturate(1.04);text-decoration:none;}
.iwc-rankhub-nav-btn.is-start:active{transform:translateY(0);box-shadow:0 12px 22px rgba(37,99,235,.22) !important;}
.iwc-rankhub-nav-btn.is-detail{background:linear-gradient(135deg,rgba(59,130,246,.10),rgba(255,255,255,.96));}
.iwc-rankhub-nav-btn.is-list{background:linear-gradient(135deg,rgba(99,102,241,.09),rgba(255,255,255,.96));}

.iwc-rankhub-hero,
.iwc-rankhub-showcase,
.iwc-rankhub-board,
.iwc-rankhub-state-card{
  position:relative;overflow:hidden;border-radius:30px;border:1px solid rgba(148,163,184,.16);
  background:
    radial-gradient(circle at top left, rgba(96,165,250,.16), transparent 32%),
    radial-gradient(circle at top right, rgba(244,114,182,.12), transparent 28%),
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,250,252,.92));
  box-shadow:0 28px 70px rgba(15,23,42,.08);
}
.iwc-rankhub-hero{display:block;padding:24px;margin-bottom:20px;}
.iwc-rankhub-hero::before,
.iwc-rankhub-showcase::before,
.iwc-rankhub-board::before,
.iwc-rankhub-state-card::before{
  content:'';position:absolute;inset:0 auto auto 0;width:100%;height:1px;
  background:linear-gradient(90deg, rgba(255,255,255,.75), rgba(255,255,255,0));pointer-events:none;
}
.iwc-rankhub-covercard,.iwc-rankhub-coverframe,.iwc-rankhub-covermeta{display:none !important;}

.iwc-rankhub-kicker{
  display:inline-flex !important;align-items:center;justify-content:center;gap:6px;width:max-content;
  min-height:34px;padding:0 14px;border-radius:999px;border:1px solid rgba(37,99,235,.18);
  background:linear-gradient(135deg,rgba(239,246,255,.98),rgba(255,255,255,.98));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 12px 24px rgba(37,99,235,.10);
  color:#2563eb;font-size:11px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;
}

.iwc-rankhub-section-kicker,
.iwc-rankhub-state-kicker{
  display:inline-flex !important;align-items:center;justify-content:center;gap:6px;width:max-content;
  min-height:32px;padding:0 12px;border-radius:999px;border:1px solid rgba(59,130,246,.22);
  background:linear-gradient(135deg,rgba(219,234,254,.98),rgba(255,255,255,.98));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 10px 22px rgba(37,99,235,.08);
  color:#1d4ed8;font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;
}

.iwc-rankhub-coverlabel{
  display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 12px;border-radius:999px;
  background:rgba(15,23,42,.94);color:#fff;font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;
}
.iwc-rankhub-hero-main{position:relative;z-index:1;display:flex;flex-direction:column;gap:16px;min-width:0;}
.iwc-rankhub-hero-main h1{margin:0;font-size:38px;line-height:1.08;letter-spacing:-.05em;color:#0f172a;word-break:break-word;}
.iwc-rankhub-hero-main p{margin:0;color:#475569;font-size:15px;line-height:1.8;max-width:840px;}
.iwc-rankhub-chiprow{display:flex;flex-wrap:wrap;gap:10px;}
.iwc-rankhub-chiprow span{
  display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:999px;
  background:rgba(255,255,255,.88);border:1px solid rgba(148,163,184,.18);
  color:#334155;font-size:13px;font-weight:800;box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}
.iwc-rankhub-statgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
.iwc-rankhub-statcard{
  position:relative;padding:16px 18px;border-radius:20px;border:1px solid rgba(148,163,184,.14);
  background:linear-gradient(180deg, rgba(255,255,255,.95), rgba(248,250,252,.92));
  box-shadow:0 14px 34px rgba(15,23,42,.05);
}
.iwc-rankhub-statcard span{display:block;font-size:12px;font-weight:900;letter-spacing:.08em;color:#64748b;text-transform:uppercase;}
.iwc-rankhub-statcard strong{display:block;margin-top:10px;font-size:31px;line-height:1;font-weight:900;letter-spacing:-.05em;color:#0f172a;}
.iwc-rankhub-statcard small{display:block;margin-top:8px;font-size:12px;color:#94a3b8;font-weight:700;line-height:1.5;}

.iwc-rankhub-covercard{
  position:relative;z-index:1;display:flex;flex-direction:column;gap:14px;padding:16px;border-radius:24px;
  border:1px solid rgba(148,163,184,.16);background:linear-gradient(180deg, rgba(255,255,255,.95), rgba(241,245,249,.94));
}
.iwc-rankhub-coverframe{position:relative;overflow:hidden;border-radius:20px;aspect-ratio:4/5;background:#dbe4ee;}
.iwc-rankhub-coverframe img,.iwc-rankhub-coverframe .iwc-noimg{width:100%;height:100%;object-fit:cover;display:block;}
.iwc-rankhub-coverframe::after{content:'';position:absolute;inset:auto 0 0 0;height:46%;background:linear-gradient(180deg,transparent,rgba(15,23,42,.24));pointer-events:none;}
.iwc-rankhub-covermeta{display:flex;flex-direction:column;gap:8px;min-width:0;}
.iwc-rankhub-covermeta strong{font-size:20px;line-height:1.2;letter-spacing:-.03em;color:#0f172a;word-break:break-word;}
.iwc-rankhub-covermeta small{font-size:13px;color:#64748b;line-height:1.7;}

.iwc-rankhub-showcase{padding:24px;margin-bottom:20px;}
.iwc-rankhub-showcase-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;margin-bottom:16px;}
.iwc-rankhub-showcase-head h2,
.iwc-rankhub-board-head h2{
  margin:0;
  display:flex;
  align-items:center;
  gap:10px;
  color:var(--iwc-text);
  font-size:22px;
  font-weight:900;
  line-height:1.2;
  letter-spacing:-.02em;
}
.iwc-rankhub-showcase-head p,
.iwc-rankhub-board-head p{margin:10px 0 0;color:#64748b;font-size:14px;line-height:1.7;}
.iwc-rankhub-showcase-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:18px;align-items:start;}
.iwc-rankhub-champion-card,
.iwc-rankhub-sidecard,
.iwc-rankhub-row{
  position:relative;border-radius:26px;border:1px solid rgba(148,163,184,.16);
  background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,250,252,.94));
  box-shadow:0 18px 48px rgba(15,23,42,.06);
}
.iwc-rankhub-champion-card{padding:18px;}
.iwc-rankhub-champion-head,
.iwc-rankhub-sidecard-top{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap;}
.iwc-rankhub-rankpill,
.iwc-rankhub-typepill{
  display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 12px;border-radius:999px;font-size:12px;font-weight:900;
}
.iwc-rankhub-rankpill{background:#0f172a;color:#fff;letter-spacing:.12em;}
.iwc-rankhub-rankpill.is-1{background:linear-gradient(135deg,#0f172a,#1e40af);}
.iwc-rankhub-rankpill.is-2{background:linear-gradient(135deg,#334155,#64748b);}
.iwc-rankhub-rankpill.is-3{background:linear-gradient(135deg,#7c2d12,#c2410c);}
.iwc-rankhub-typepill{background:rgba(59,130,246,.08);color:#2563eb;border:1px solid rgba(59,130,246,.16);}
.iwc-rankhub-champion-main{display:grid;grid-template-columns:minmax(280px,420px) minmax(0,1fr);gap:18px;align-items:center;margin-top:14px;}
.iwc-rankhub-champion-media-wrap{min-width:0;}
.iwc-rankhub-champion-media,
.iwc-rankhub-side-media,
.iwc-rankhub-row-media{
  position:relative;overflow:hidden;background:#dbe4ee;border:1px solid rgba(148,163,184,.16);
}
.iwc-rankhub-champion-media{aspect-ratio:1/1;border-radius:24px;}
.iwc-rankhub-side-media{width:92px;height:92px;border-radius:22px;flex:0 0 92px;}
.iwc-rankhub-row-media{width:92px;height:92px;border-radius:22px;flex:0 0 92px;}
.iwc-rankhub-champion-media img,
.iwc-rankhub-champion-media video,
.iwc-rankhub-side-media img,
.iwc-rankhub-side-media video,
.iwc-rankhub-row-media img,
.iwc-rankhub-row-media video{
  width:100%;height:100%;display:block;object-fit:cover;
}
.iwc-rankhub-champion-media.is-motion video,
.iwc-rankhub-side-media.is-motion video,
.iwc-rankhub-row-media.is-motion video{object-fit:contain;background:#0f172a;}
.iwc-rankhub-champion-media.is-video::after,
.iwc-rankhub-side-media.is-video::after,
.iwc-rankhub-row-media.is-video::after{
  content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,23,42,.02),rgba(15,23,42,.2));pointer-events:none;
}
.iwc-rankhub-playmark{
  position:absolute;right:14px;bottom:14px;z-index:2;display:inline-flex;align-items:center;justify-content:center;
  width:36px;height:36px;border-radius:999px;background:rgba(15,23,42,.76);color:#fff;font-size:14px;font-weight:900;
  box-shadow:0 10px 22px rgba(15,23,42,.24);
}
.iwc-rankhub-champion-copy{display:flex;flex-direction:column;gap:12px;min-width:0;}
.iwc-rankhub-champion-copy h3,
.iwc-rankhub-sidecopy h3,
.iwc-rankhub-row-copy h3{margin:0;color:#0f172a;letter-spacing:-.04em;word-break:break-word;}
.iwc-rankhub-champion-copy h3{font-size:34px;line-height:1.08;}
.iwc-rankhub-sidecopy h3{font-size:22px;line-height:1.18;}
.iwc-rankhub-row-copy h3{font-size:22px;line-height:1.18;}
.iwc-rankhub-miniinfo{display:flex;flex-wrap:wrap;gap:8px;}
.iwc-rankhub-miniinfo span{
  display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border-radius:999px;background:rgba(15,23,42,.04);
  border:1px solid rgba(148,163,184,.14);color:#475569;font-size:12px;font-weight:800;
}
.iwc-rankhub-meter-stack{display:grid;gap:10px;}
.iwc-rankhub-meter-stack.compact{margin-top:14px;}
.iwc-rankhub-meter{display:grid;gap:7px;}
.iwc-rankhub-meter-head{display:flex;justify-content:space-between;gap:10px;align-items:baseline;}
.iwc-rankhub-meter-head span{font-size:12px;font-weight:900;color:#64748b;letter-spacing:.05em;text-transform:uppercase;}
.iwc-rankhub-meter-head strong{font-size:22px;line-height:1;font-weight:900;letter-spacing:-.04em;color:#0f172a;}
.iwc-rankhub-meter-bar{position:relative;overflow:hidden;height:10px;border-radius:999px;background:rgba(148,163,184,.18);}
.iwc-rankhub-meter-bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#3b82f6,#60a5fa);box-shadow:0 4px 16px rgba(59,130,246,.28);}
.iwc-rankhub-meter.is-violet .iwc-rankhub-meter-bar span{background:linear-gradient(90deg,#8b5cf6,#a78bfa);box-shadow:0 4px 16px rgba(139,92,246,.26);}
.iwc-rankhub-meter.is-gold .iwc-rankhub-meter-bar span{background:linear-gradient(90deg,#f59e0b,#fbbf24);box-shadow:0 4px 16px rgba(245,158,11,.26);}
.iwc-rankhub-meter.is-slate .iwc-rankhub-meter-bar span{background:linear-gradient(90deg,#475569,#94a3b8);box-shadow:0 4px 16px rgba(71,85,105,.22);}
.iwc-rankhub-meter-caption{font-size:12px;color:#94a3b8;font-weight:700;line-height:1.5;}

.iwc-rankhub-sidecards{display:grid;gap:14px;}
.iwc-rankhub-sidecard{padding:16px;}
.iwc-rankhub-sidecard-main{display:flex;align-items:center;gap:14px;margin-top:14px;min-width:0;}
.iwc-rankhub-sidecopy{display:flex;flex-direction:column;gap:10px;min-width:0;}
.iwc-rankhub-sidecard.is-empty{display:flex;align-items:center;justify-content:center;min-height:240px;}
.iwc-rankhub-side-empty{color:#64748b;font-weight:800;line-height:1.8;text-align:center;max-width:260px;}

.iwc-rankhub-board{padding:24px;}
.iwc-rankhub-board-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-end;margin-bottom:16px;}
.iwc-rankhub-board-summary{
  flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;min-width:118px;
  padding:14px 18px;border-radius:20px;background:linear-gradient(180deg,#0f172a,#1e293b);color:#fff;
  box-shadow:0 18px 40px rgba(15,23,42,.18);
}
.iwc-rankhub-board-summary strong{font-size:26px;line-height:1;font-weight:900;letter-spacing:-.05em;}
.iwc-rankhub-board-summary span{margin-top:6px;font-size:12px;font-weight:800;color:rgba(255,255,255,.72);}
.iwc-rankhub-board-list{display:grid;gap:12px;}
.iwc-rankhub-row{
  display:grid;grid-template-columns:92px minmax(0,1fr) minmax(300px,420px);gap:18px;align-items:center;padding:14px 16px;
}
.iwc-rankhub-row.is-top{border-color:rgba(59,130,246,.26);box-shadow:0 22px 52px rgba(59,130,246,.08);}
.iwc-rankhub-row-rank{
  display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:110px;border-radius:22px;
  background:linear-gradient(180deg,#0f172a,#1e293b);color:#fff;
}
.iwc-rankhub-row-rank span{
  display:block;
  width:100%;
  text-align:center;
  font-size:11px;
  font-weight:900;
  letter-spacing:.18em;
  color:rgba(255,255,255,.68);
}
.iwc-rankhub-row-rank strong{
  display:block;
  width:100%;
  margin-top:6px;
  text-align:center;
  font-size:34px;
  line-height:1;
  font-weight:900;
  letter-spacing:-.06em;
  font-variant-numeric:tabular-nums;
}
.iwc-rankhub-row-main{display:flex;align-items:center;gap:16px;min-width:0;}
.iwc-rankhub-row-copy{display:flex;flex-direction:column;gap:10px;min-width:0;}
.iwc-rankhub-row-titleline{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0;}
.iwc-rankhub-row-meters{display:grid;gap:10px;}
.iwc-rankhub-board-empty{
  padding:34px 18px;border-radius:24px;border:1px dashed rgba(148,163,184,.24);background:rgba(255,255,255,.7);
  text-align:center;color:#64748b;font-weight:800;line-height:1.8;
}
.iwc-rankhub-paging{margin-top:18px;}
.iwc-rankhub-paging .iwc-paging{justify-content:center;}

.iwc-rankhub-state-card{padding:34px 24px;text-align:center;}
.iwc-rankhub-state-icon{
  width:72px;height:72px;margin:0 auto 16px;border-radius:24px;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#dbeafe,#eff6ff);color:#2563eb;font-size:28px;font-weight:900;
}
.iwc-rankhub-state-card h1{margin:14px 0 0;font-size:32px;line-height:1.12;letter-spacing:-.04em;color:#0f172a;}
.iwc-rankhub-state-card p{margin:12px auto 0;max-width:560px;color:#64748b;font-size:15px;line-height:1.8;}
.iwc-rankhub-password-form{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:18px;}
.iwc-rankhub-password-form input{
  flex:1 1 280px;max-width:360px;min-height:48px;padding:0 16px;border-radius:16px;border:1px solid rgba(148,163,184,.24);
  background:#fff;color:#0f172a;font-size:14px;font-weight:700;box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
}
.iwc-rankhub-password-form button{
  min-height:48px;padding:0 18px;border:0;border-radius:16px;background:linear-gradient(135deg,#0f172a,#1e293b);
  color:#fff;font-size:14px;font-weight:900;cursor:pointer;
}
.iwc-rankhub-password-error{margin-top:12px;color:#dc2626;font-weight:900;}

@media (max-width: 1120px){
  .iwc-rankhub-hero{grid-template-columns:1fr;}
  .iwc-rankhub-covercard{max-width:none;}
  .iwc-rankhub-showcase-grid{grid-template-columns:1fr;}
  .iwc-rankhub-row{grid-template-columns:84px minmax(0,1fr);}
  .iwc-rankhub-row-meters{grid-column:2/3;}
}

@media (max-width: 780px){
  .iwc-rankhub-shell{padding:14px 10px 34px;}
  .iwc-rankhub-hero,
  .iwc-rankhub-showcase,
  .iwc-rankhub-board,
  .iwc-rankhub-state-card{border-radius:24px;}
  .iwc-rankhub-hero,
  .iwc-rankhub-showcase,
  .iwc-rankhub-board{padding:16px;}
  .iwc-rankhub-topnav-inner{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));}
  .iwc-rankhub-nav-btn{min-height:42px;padding:0 10px;font-size:12px;}
  .iwc-rankhub-hero-main h1{font-size:28px;}
  .iwc-rankhub-chiprow span{min-height:32px;padding:0 10px;font-size:12px;}
  .iwc-rankhub-statgrid{grid-template-columns:1fr 1fr;gap:10px;}
  .iwc-rankhub-statcard{padding:14px;}
  .iwc-rankhub-statcard strong{font-size:26px;}
  .iwc-rankhub-coverframe{aspect-ratio:16/10;}
  .iwc-rankhub-showcase-head,
  .iwc-rankhub-board-head{flex-direction:column;align-items:stretch;}
  .iwc-rankhub-showcase-head h2,
  .iwc-rankhub-board-head h2{font-size:25px;}
  .iwc-rankhub-board-summary{align-items:flex-start;min-width:0;}
  .iwc-rankhub-champion-main{grid-template-columns:1fr;}
  .iwc-rankhub-champion-copy h3{font-size:26px;}
  .iwc-rankhub-sidecopy h3,.iwc-rankhub-row-copy h3{font-size:18px;}
  .iwc-rankhub-side-media{width:74px;height:74px;flex-basis:74px;border-radius:18px;}
  .iwc-rankhub-row{grid-template-columns:66px minmax(0,1fr);gap:12px;padding:12px;}
  .iwc-rankhub-row-rank{min-height:90px;border-radius:18px;}
  .iwc-rankhub-row-rank strong{font-size:26px;}
  .iwc-rankhub-row-media{width:68px;height:68px;flex-basis:68px;border-radius:18px;}
  .iwc-rankhub-row-main{align-items:flex-start;}
  .iwc-rankhub-row-titleline{display:block;}
  .iwc-rankhub-row-titleline .iwc-rankhub-typepill{margin-top:8px;}
  .iwc-rankhub-meter-head strong{font-size:18px;}
  .iwc-rankhub-meter-caption{font-size:11px;}
  .iwc-rankhub-password-form{flex-direction:column;align-items:stretch;}
  .iwc-rankhub-password-form input,.iwc-rankhub-password-form button{width:100%;max-width:none;}
}

@media (max-width: 480px){
  .iwc-rankhub-topnav-inner{grid-template-columns:1fr;}
  .iwc-rankhub-statgrid{grid-template-columns:1fr;}
  .iwc-rankhub-hero-main h1{font-size:24px;}
  .iwc-rankhub-showcase-head h2,
  .iwc-rankhub-board-head h2,
  .iwc-rankhub-state-card h1{font-size:22px;}
  .iwc-rankhub-champion-copy h3{font-size:22px;}
  .iwc-rankhub-sidecard-main{align-items:flex-start;}
  .iwc-rankhub-miniinfo span{font-size:11px;}
  .iwc-rankhub-row{grid-template-columns:1fr;padding:12px;}
  .iwc-rankhub-row-rank{min-height:66px;flex-direction:row;gap:10px;justify-content:flex-start;padding:0 14px;}
  .iwc-rankhub-row-rank strong{margin-top:0;}
  .iwc-rankhub-row-meters{grid-column:auto;}
}


/* 2026-04-06 rankhub mobile rescue patch */
.iwc-rankhub-shell,
.iwc-rankhub-shell *{box-sizing:border-box;}
.iwc-rankhub-shell{width:100%;}
.iwc-rankhub-hero,
.iwc-rankhub-showcase,
.iwc-rankhub-board,
.iwc-rankhub-state-card{max-width:100%;}
.iwc-rankhub-hero-main,
.iwc-rankhub-covercard,
.iwc-rankhub-showcase-grid,
.iwc-rankhub-champion-card,
.iwc-rankhub-sidecards,
.iwc-rankhub-sidecard,
.iwc-rankhub-row,
.iwc-rankhub-row-main,
.iwc-rankhub-row-copy,
.iwc-rankhub-row-titleline,
.iwc-rankhub-row-meters,
.iwc-rankhub-champion-copy,
.iwc-rankhub-sidecopy,
.iwc-rankhub-meter,
.iwc-rankhub-meter-head{min-width:0;}
.iwc-rankhub-champion-copy h3,
.iwc-rankhub-sidecopy h3,
.iwc-rankhub-row-copy h3{
  writing-mode:horizontal-tb !important;
  white-space:normal;
  word-break:keep-all;
  overflow-wrap:anywhere;
}
.iwc-rankhub-meter-head strong,
.iwc-rankhub-board-summary strong{white-space:nowrap;}
.iwc-rankhub-miniinfo span,
.iwc-rankhub-chiprow span,
.iwc-rankhub-typepill,
.iwc-rankhub-rankpill{max-width:100%;}
.iwc-rankhub-row{grid-template-columns:88px minmax(0,1fr) minmax(240px,380px);}
.iwc-rankhub-showcase-grid{grid-template-columns:minmax(0,1fr) minmax(280px,340px);}

.iwc-rankhub-shell.iwc-rankhub-compact{padding:14px 10px 34px;}
.iwc-rankhub-shell.iwc-rankhub-compact .iwc-rankhub-hero,
.iwc-rankhub-shell.iwc-rankhub-compact .iwc-rankhub-showcase,
.iwc-rankhub-shell.iwc-rankhub-compact .iwc-rankhub-board,
.iwc-rankhub-shell.iwc-rankhub-compact .iwc-rankhub-state-card{
  border-radius:24px;
  padding:16px;
}
.iwc-rankhub-shell.iwc-rankhub-compact .iwc-rankhub-topnav-inner{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));}
.iwc-rankhub-shell.iwc-rankhub-compact .iwc-rankhub-nav-btn{min-height:42px;padding:0 10px;font-size:12px;}
.iwc-rankhub-shell.iwc-rankhub-compact .iwc-rankhub-hero{grid-template-columns:1fr;gap:16px;}
.iwc-rankhub-shell.iwc-rankhub-compact .iwc-rankhub-covercard{max-width:none;}
.iwc-rankhub-shell.iwc-rankhub-compact .iwc-rankhub-coverframe{aspect-ratio:16/10;}
.iwc-rankhub-shell.iwc-rankhub-compact .iwc-rankhub-hero-main h1{font-size:28px;}
.iwc-rankhub-shell.iwc-rankhub-compact .iwc-rankhub-chiprow span{min-height:32px;padding:0 10px;font-size:12px;}
.iwc-rankhub-shell.iwc-rankhub-compact .iwc-rankhub-statgrid{grid-template-columns:1fr 1fr;gap:10px;}
.iwc-rankhub-shell.iwc-rankhub-compact .iwc-rankhub-statcard{padding:14px;}
.iwc-rankhub-shell.iwc-rankhub-compact .iwc-rankhub-statcard strong{font-size:26px;}
.iwc-rankhub-shell.iwc-rankhub-compact .iwc-rankhub-showcase-head,
.iwc-rankhub-shell.iwc-rankhub-compact .iwc-rankhub-board-head{flex-direction:column;align-items:stretch;}
.iwc-rankhub-shell.iwc-rankhub-compact .iwc-rankhub-showcase-head h2,
.iwc-rankhub-shell.iwc-rankhub-compact .iwc-rankhub-board-head h2{font-size:25px;}
.iwc-rankhub-shell.iwc-rankhub-compact .iwc-rankhub-showcase-grid{grid-template-columns:1fr;}
.iwc-rankhub-shell.iwc-rankhub-compact .iwc-rankhub-champion-main{grid-template-columns:1fr;}
.iwc-rankhub-shell.iwc-rankhub-compact .iwc-rankhub-champion-copy h3{font-size:26px;}
.iwc-rankhub-shell.iwc-rankhub-compact .iwc-rankhub-sidecards{grid-template-columns:1fr;}
.iwc-rankhub-shell.iwc-rankhub-compact .iwc-rankhub-sidecopy h3,
.iwc-rankhub-shell.iwc-rankhub-compact .iwc-rankhub-row-copy h3{font-size:18px;line-height:1.3;}
.iwc-rankhub-shell.iwc-rankhub-compact .iwc-rankhub-side-media{width:74px;height:74px;flex-basis:74px;border-radius:18px;}
.iwc-rankhub-shell.iwc-rankhub-compact .iwc-rankhub-board-summary{align-items:flex-start;min-width:0;}
.iwc-rankhub-shell.iwc-rankhub-compact .iwc-rankhub-row{grid-template-columns:66px minmax(0,1fr);gap:12px;padding:12px;}
.iwc-rankhub-shell.iwc-rankhub-compact .iwc-rankhub-row-rank{min-height:90px;border-radius:18px;}
.iwc-rankhub-shell.iwc-rankhub-compact .iwc-rankhub-row-rank strong{font-size:26px;}
.iwc-rankhub-shell.iwc-rankhub-compact .iwc-rankhub-row-main{align-items:flex-start;}
.iwc-rankhub-shell.iwc-rankhub-compact .iwc-rankhub-row-media{width:68px;height:68px;flex-basis:68px;border-radius:18px;}
.iwc-rankhub-shell.iwc-rankhub-compact .iwc-rankhub-row-titleline{display:block;}
.iwc-rankhub-shell.iwc-rankhub-compact .iwc-rankhub-row-titleline .iwc-rankhub-typepill{display:inline-flex;margin-top:8px;}
.iwc-rankhub-shell.iwc-rankhub-compact .iwc-rankhub-row-meters{grid-column:2/3;}
.iwc-rankhub-shell.iwc-rankhub-compact .iwc-rankhub-meter-head strong{font-size:18px;}
.iwc-rankhub-shell.iwc-rankhub-compact .iwc-rankhub-meter-caption{font-size:11px;}
.iwc-rankhub-shell.iwc-rankhub-compact .iwc-rankhub-password-form{flex-direction:column;align-items:stretch;}
.iwc-rankhub-shell.iwc-rankhub-compact .iwc-rankhub-password-form input,
.iwc-rankhub-shell.iwc-rankhub-compact .iwc-rankhub-password-form button{width:100%;max-width:none;}

.iwc-rankhub-shell.iwc-rankhub-compact.iwc-rankhub-compact-narrow .iwc-rankhub-topnav-inner{grid-template-columns:1fr;}
.iwc-rankhub-shell.iwc-rankhub-compact.iwc-rankhub-compact-narrow .iwc-rankhub-statgrid{grid-template-columns:1fr;}
.iwc-rankhub-shell.iwc-rankhub-compact.iwc-rankhub-compact-narrow .iwc-rankhub-hero-main h1{font-size:24px;}
.iwc-rankhub-shell.iwc-rankhub-compact.iwc-rankhub-compact-narrow .iwc-rankhub-showcase-head h2,
.iwc-rankhub-shell.iwc-rankhub-compact.iwc-rankhub-compact-narrow .iwc-rankhub-board-head h2,
.iwc-rankhub-shell.iwc-rankhub-compact.iwc-rankhub-compact-narrow .iwc-rankhub-state-card h1{font-size:22px;}
.iwc-rankhub-shell.iwc-rankhub-compact.iwc-rankhub-compact-narrow .iwc-rankhub-champion-copy h3{font-size:22px;}
.iwc-rankhub-shell.iwc-rankhub-compact.iwc-rankhub-compact-narrow .iwc-rankhub-sidecard-main{align-items:flex-start;}
.iwc-rankhub-shell.iwc-rankhub-compact.iwc-rankhub-compact-narrow .iwc-rankhub-miniinfo span{font-size:11px;}
.iwc-rankhub-shell.iwc-rankhub-compact.iwc-rankhub-compact-narrow .iwc-rankhub-row{grid-template-columns:1fr;padding:12px;}
.iwc-rankhub-shell.iwc-rankhub-compact.iwc-rankhub-compact-narrow .iwc-rankhub-row-rank{
  min-height:66px;flex-direction:row;gap:10px;justify-content:flex-start;padding:0 14px;
}
.iwc-rankhub-shell.iwc-rankhub-compact.iwc-rankhub-compact-narrow .iwc-rankhub-row-rank strong{margin-top:0;}
.iwc-rankhub-shell.iwc-rankhub-compact.iwc-rankhub-compact-narrow .iwc-rankhub-row-meters{grid-column:auto;}


/* 2026-04-06 rankhub pc container rebuild */
.iwc-rankhub-shell{
  width:100%;
  max-width:1380px;
  margin:0 auto;
  padding:28px 22px 68px;
  container-type:inline-size;
}
.iwc-rankhub-topnav{margin-bottom:18px;}
.iwc-rankhub-topnav-inner{display:flex;flex-wrap:wrap;gap:10px;}

.iwc-rankhub-hero,
.iwc-rankhub-showcase,
.iwc-rankhub-board,
.iwc-rankhub-state-card{
  border-radius:30px;
  overflow:hidden;
}

.iwc-rankhub-hero{
  display:grid;
  grid-template-columns:minmax(0,1.28fr) minmax(320px,.72fr);
  gap:22px;
  padding:26px;
  margin-bottom:22px;
}
.iwc-rankhub-hero-main h1{font-size:clamp(30px,3.4vw,44px);line-height:1.05;}
.iwc-rankhub-hero-main p{font-size:15px;line-height:1.78;max-width:920px;}
.iwc-rankhub-chiprow{gap:9px;}
.iwc-rankhub-chiprow span{white-space:nowrap;}
.iwc-rankhub-statgrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
.iwc-rankhub-statcard{padding:18px 18px 16px;}
.iwc-rankhub-statcard strong{font-size:32px;}
.iwc-rankhub-covercard{height:100%;justify-content:space-between;}
.iwc-rankhub-coverframe{aspect-ratio:16/11;border-radius:22px;}
.iwc-rankhub-covermeta strong{font-size:22px;}

.iwc-rankhub-showcase{padding:26px;margin-bottom:22px;}
.iwc-rankhub-showcase-head{margin-bottom:18px;}
.iwc-rankhub-showcase-head h2,
.iwc-rankhub-board-head h2{font-size:clamp(28px,2.8vw,36px);line-height:1.06;}
.iwc-rankhub-showcase-grid{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);
  gap:18px;
  align-items:start;
}
.iwc-rankhub-champion-card{padding:20px;border-radius:28px;}
.iwc-rankhub-champion-main{
  display:grid;
  grid-template-columns:minmax(260px,380px) minmax(0,1fr);
  gap:20px;
  align-items:start;
}
.iwc-rankhub-champion-media{aspect-ratio:1/1;border-radius:26px;}
.iwc-rankhub-champion-copy{gap:14px;justify-content:flex-start;}
.iwc-rankhub-champion-copy h3{font-size:clamp(28px,3vw,40px);line-height:1.1;}
.iwc-rankhub-sidecards{display:grid;gap:14px;}
.iwc-rankhub-sidecard{padding:16px 16px 15px;border-radius:26px;}
.iwc-rankhub-sidecard-main{align-items:flex-start;}
.iwc-rankhub-sidecopy h3{font-size:21px;line-height:1.24;}

.iwc-rankhub-board{padding:26px;}
.iwc-rankhub-board-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:18px;}
.iwc-rankhub-board-summary{min-width:122px;padding:15px 18px;border-radius:22px;}
.iwc-rankhub-board-list{gap:14px;}
.iwc-rankhub-row{
  display:grid;
  grid-template-columns:92px minmax(250px,1.05fr) minmax(280px,.95fr);
  gap:16px;
  align-items:start;
  padding:15px 16px;
  border-radius:26px;
}
.iwc-rankhub-row-rank{min-height:120px;border-radius:22px;}
.iwc-rankhub-row-main{display:flex;align-items:flex-start;gap:14px;min-width:0;padding-top:2px;}
.iwc-rankhub-row-media{width:78px;height:78px;flex:0 0 78px;}
.iwc-rankhub-row-copy{gap:10px;min-width:0;}
.iwc-rankhub-row-titleline{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap;}
.iwc-rankhub-row-copy h3{font-size:22px;line-height:1.2;}
.iwc-rankhub-row-meters{display:grid;gap:10px;align-content:start;min-width:0;}

.iwc-rankhub-champion-copy h3,
.iwc-rankhub-sidecopy h3,
.iwc-rankhub-row-copy h3{
  writing-mode:horizontal-tb !important;
  white-space:normal;
  word-break:keep-all;
  overflow-wrap:anywhere;
}
.iwc-rankhub-miniinfo span,
.iwc-rankhub-chiprow span,
.iwc-rankhub-typepill,
.iwc-rankhub-rankpill{max-width:100%;}
.iwc-rankhub-meter-head strong,
.iwc-rankhub-board-summary strong{white-space:nowrap;}
.iwc-rankhub-password-form input,
.iwc-rankhub-password-form button{min-height:50px;}

@container (max-width: 1180px){
  .iwc-rankhub-hero{grid-template-columns:1fr;}
  .iwc-rankhub-covercard{height:auto;}
  .iwc-rankhub-coverframe{aspect-ratio:16/10;}
  .iwc-rankhub-showcase-grid{grid-template-columns:1fr;}
  .iwc-rankhub-row{grid-template-columns:84px minmax(0,1fr);}
  .iwc-rankhub-row-meters{grid-column:2/3;}
}

@container (max-width: 860px){
  .iwc-rankhub-shell{padding:18px 14px 42px;}
  .iwc-rankhub-hero,
  .iwc-rankhub-showcase,
  .iwc-rankhub-board,
  .iwc-rankhub-state-card{padding:18px;border-radius:26px;}
  .iwc-rankhub-topnav-inner{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));}
  .iwc-rankhub-nav-btn{min-height:42px;padding:0 10px;font-size:12px;}
  .iwc-rankhub-statgrid{grid-template-columns:1fr 1fr;}
  .iwc-rankhub-champion-main{grid-template-columns:1fr;}
  .iwc-rankhub-champion-copy h3{font-size:28px;}
  .iwc-rankhub-side-media{width:78px;height:78px;flex:0 0 78px;}
  .iwc-rankhub-row{grid-template-columns:72px minmax(0,1fr);gap:12px;padding:13px;}
  .iwc-rankhub-row-rank{min-height:96px;}
  .iwc-rankhub-row-rank strong{font-size:28px;}
  .iwc-rankhub-row-media{width:64px;height:64px;flex:0 0 64px;border-radius:17px;}
  .iwc-rankhub-row-copy h3{font-size:18px;}
  .iwc-rankhub-meter-head strong{font-size:18px;}
}

@container (max-width: 620px){
  .iwc-rankhub-topnav-inner{grid-template-columns:1fr;}
  .iwc-rankhub-hero-main h1{font-size:28px;}
  .iwc-rankhub-chiprow span{white-space:normal;}
  .iwc-rankhub-showcase-head,
  .iwc-rankhub-board-head{flex-direction:column;align-items:stretch;}
  .iwc-rankhub-board-summary{align-items:flex-start;min-width:0;}
  .iwc-rankhub-sidecard-main{gap:12px;}
  .iwc-rankhub-row{grid-template-columns:1fr;}
  .iwc-rankhub-row-rank{min-height:66px;flex-direction:row;justify-content:flex-start;gap:10px;padding:0 14px;}
  .iwc-rankhub-row-rank strong{margin-top:0;font-size:26px;}
  .iwc-rankhub-row-meters{grid-column:auto;}
}

@container (max-width: 460px){
  .iwc-rankhub-shell{padding:14px 10px 34px;}
  .iwc-rankhub-hero,
  .iwc-rankhub-showcase,
  .iwc-rankhub-board,
  .iwc-rankhub-state-card{padding:16px 14px;border-radius:24px;}
  .iwc-rankhub-statgrid{grid-template-columns:1fr;}
  .iwc-rankhub-hero-main h1{font-size:24px;}
  .iwc-rankhub-showcase-head h2,
  .iwc-rankhub-board-head h2,
  .iwc-rankhub-state-card h1{font-size:23px;}
  .iwc-rankhub-champion-copy h3{font-size:22px;}
  .iwc-rankhub-sidecard-main{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:start;}
  .iwc-rankhub-side-media{width:64px;height:64px;flex:0 0 64px;border-radius:16px;}
  .iwc-rankhub-sidecopy h3,
  .iwc-rankhub-row-copy h3{font-size:17px;}
  .iwc-rankhub-miniinfo span{font-size:11px;}
}

/* 2026-04-06 rankhub podium stage + compact leaderboard v4 */
.iwc-rankhub-showcase-head p,
.iwc-rankhub-board-head p{max-width:760px;}

.iwc-rankhub-podium-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.12fr) minmax(0,1fr);
  gap:16px;
  align-items:end;
}
.iwc-rankhub-podium-slot{display:flex;flex-direction:column;justify-content:flex-end;min-width:0;position:relative;}
.iwc-rankhub-podium-slot.rank-1{transform:translateY(-2px);}
.iwc-rankhub-podium-slot.rank-2{transform:translateY(2px);}
.iwc-rankhub-podium-slot.rank-3{transform:translateY(6px);}
.iwc-rankhub-podium-cardbox{
  position:relative;
  z-index:3;
  margin-bottom:-18px;
  padding:14px;
  border-radius:24px;
  border:1px solid rgba(148,163,184,.18);
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,250,252,.92));
  box-shadow:0 22px 54px rgba(15,23,42,.10);
  display:grid;
  gap:12px;
  min-width:0;
}
.iwc-rankhub-podium-cardbox::after{
  content:'';
  position:absolute;
  left:18px;
  right:18px;
  bottom:-12px;
  height:22px;
  border-radius:0 0 20px 20px;
  background:linear-gradient(180deg,rgba(241,245,249,.98),rgba(203,213,225,.94));
  box-shadow:0 12px 24px rgba(15,23,42,.10);
  z-index:-1;
}
.iwc-rankhub-podium-cardbox.rank-1{
  background:linear-gradient(180deg,rgba(255,252,241,.99),rgba(255,247,237,.95));
  border-color:rgba(245,158,11,.24);
  box-shadow:0 28px 64px rgba(245,158,11,.14),0 22px 54px rgba(15,23,42,.10);
}
.iwc-rankhub-podium-cardbox.rank-2{border-color:rgba(96,165,250,.24);box-shadow:0 20px 44px rgba(96,165,250,.10),0 18px 42px rgba(15,23,42,.09);}
.iwc-rankhub-podium-cardbox.rank-3{border-color:rgba(251,146,60,.24);box-shadow:0 20px 44px rgba(249,115,22,.10),0 18px 42px rgba(15,23,42,.09);}
.iwc-rankhub-podium-top{display:flex;justify-content:space-between;gap:10px;align-items:center;min-width:0;}
.iwc-rankhub-podium-media{
  position:relative;
  overflow:hidden;
  width:100%;
  aspect-ratio:16/11;
  border-radius:20px;
  background:#dbe4ee;
}
.iwc-rankhub-podium-media img,
.iwc-rankhub-podium-media video,
.iwc-rankhub-podium-media .iwc-noimg{width:100%;height:100%;display:block;object-fit:cover;}
.iwc-rankhub-podium-media .iwc-noimg{display:flex;align-items:center;justify-content:center;color:#64748b;font-weight:900;letter-spacing:.14em;}
.iwc-rankhub-podium-media.is-video::after{
  content:'';
  position:absolute;
  inset:auto 0 0 0;
  height:48%;
  background:linear-gradient(180deg,transparent,rgba(15,23,42,.28));
  pointer-events:none;
}
.iwc-rankhub-podium-media .iwc-rankhub-playmark{
  position:absolute;
  inset:50% auto auto 50%;
  transform:translate(-50%,-50%);
  width:52px;
  height:52px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(15,23,42,.74);
  color:#fff;
  font-size:18px;
  box-shadow:0 12px 32px rgba(15,23,42,.24);
}
.iwc-rankhub-podium-body{display:grid;gap:10px;min-width:0;}
.iwc-rankhub-podium-body h3{margin:0;font-size:19px;line-height:1.24;letter-spacing:-.04em;color:#0f172a;word-break:keep-all;overflow-wrap:anywhere;}
.iwc-rankhub-podium-slot.rank-1 .iwc-rankhub-podium-body h3{font-size:21px;}
.iwc-rankhub-podium-stats{display:grid;gap:8px;}
.iwc-rankhub-podium-stage{
  position:relative;
  overflow:hidden;
  margin-top:0;
  padding:22px 16px 14px;
  border-radius:24px 24px 30px 30px;
  border:1px solid rgba(255,255,255,.18);
  color:#fff;
  box-shadow:
    0 24px 54px rgba(15,23,42,.18),
    inset 0 1px 0 rgba(255,255,255,.22),
    inset 0 -18px 30px rgba(0,0,0,.14);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.iwc-rankhub-podium-stage::before{
  content:'';
  position:absolute;
  left:10%;
  right:10%;
  top:10px;
  height:12px;
  border-radius:999px;
  background:linear-gradient(180deg,rgba(255,255,255,.42),rgba(255,255,255,.06));
  box-shadow:0 2px 0 rgba(255,255,255,.18);
}
.iwc-rankhub-podium-stage::after{
  content:'';
  position:absolute;
  left:14%;
  right:14%;
  bottom:10px;
  height:16px;
  border-radius:999px;
  background:rgba(15,23,42,.18);
  filter:blur(10px);
  opacity:.55;
}
.iwc-rankhub-podium-stage.rank-1::before{top:12px;height:14px;left:8%;right:8%;background:linear-gradient(180deg,rgba(255,255,255,.56),rgba(255,255,255,.08));}
.iwc-rankhub-podium-stage.rank-2::before{top:10px;height:12px;left:10%;right:10%;}
.iwc-rankhub-podium-stage.rank-3::before{top:9px;height:10px;left:12%;right:12%;}
.iwc-rankhub-podium-stage.rank-1::after{left:12%;right:12%;bottom:12px;height:20px;opacity:.64;}
.iwc-rankhub-podium-stage.rank-2::after{left:14%;right:14%;bottom:11px;height:17px;opacity:.56;}
.iwc-rankhub-podium-stage.rank-3::after{left:16%;right:16%;bottom:10px;height:14px;opacity:.5;}
.iwc-rankhub-podium-stage.rank-1{
  min-height:126px;
  background:linear-gradient(180deg,#fde68a 0%,#f8c23a 20%,#f59e0b 48%,#d97706 76%,#92400e 100%);
  border-color:rgba(245,158,11,.36);
}
.iwc-rankhub-podium-stage.rank-2{
  min-height:118px;
  background:linear-gradient(180deg,#e2e8f0 0%,#cbd5e1 18%,#94a3b8 46%,#64748b 76%,#334155 100%);
  border-color:rgba(148,163,184,.32);
}
.iwc-rankhub-podium-stage.rank-3{
  min-height:110px;
  background:linear-gradient(180deg,#fed7aa 0%,#fdba74 18%,#f97316 46%,#c2410c 78%,#7c2d12 100%);
  border-color:rgba(249,115,22,.32);
}
.iwc-rankhub-podium-stage strong{
  position:relative;
  z-index:2;
  display:block;
  font-size:40px;
  line-height:1;
  font-weight:900;
  letter-spacing:-.06em;
  text-shadow:0 4px 18px rgba(255,255,255,.18);
}
.iwc-rankhub-podium-stage span{
  position:relative;
  z-index:2;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:24px;
  margin-top:8px;
  padding:0 10px;
  border-radius:999px;
  background:rgba(255,255,255,.14);
  font-size:10px;
  font-weight:900;
  letter-spacing:.18em;
  color:rgba(255,255,255,.9);
  backdrop-filter:blur(6px);
}
.iwc-rankhub-podium-slot.is-ghost{visibility:hidden;pointer-events:none;}

.iwc-rankhub-microbar{display:grid;gap:5px;}
.iwc-rankhub-microbar-head{display:flex;justify-content:space-between;gap:10px;align-items:center;min-width:0;}
.iwc-rankhub-microbar-head span{font-size:11px;font-weight:900;letter-spacing:.05em;color:#64748b;text-transform:uppercase;white-space:nowrap;}
.iwc-rankhub-microbar-head strong{font-size:14px;line-height:1;font-weight:900;letter-spacing:-.03em;color:#0f172a;white-space:nowrap;}
.iwc-rankhub-microbar-track{position:relative;overflow:hidden;height:6px;border-radius:999px;background:rgba(148,163,184,.16);}
.iwc-rankhub-microbar-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#3b82f6,#60a5fa);box-shadow:0 4px 12px rgba(59,130,246,.22);}
.iwc-rankhub-microbar.is-violet .iwc-rankhub-microbar-track span{background:linear-gradient(90deg,#8b5cf6,#a78bfa);box-shadow:0 4px 12px rgba(139,92,246,.22);}
.iwc-rankhub-microbar.is-gold .iwc-rankhub-microbar-track span{background:linear-gradient(90deg,#f59e0b,#fbbf24);box-shadow:0 4px 12px rgba(245,158,11,.22);}
.iwc-rankhub-microbar.is-slate .iwc-rankhub-microbar-track span{background:linear-gradient(90deg,#475569,#94a3b8);box-shadow:0 4px 12px rgba(71,85,105,.18);}

.iwc-rankhub-board-list{gap:10px;}
.iwc-rankhub-row{
  grid-template-columns:72px minmax(0,1fr) minmax(230px,280px);
  gap:12px;
  align-items:center;
  padding:12px 14px;
  border-radius:22px;
}
.iwc-rankhub-row-rank{min-height:88px;border-radius:18px;}
.iwc-rankhub-row-rank strong{font-size:28px;}
.iwc-rankhub-row-main{gap:14px;}
.iwc-rankhub-row-media{width:88px;height:88px;flex:0 0 88px;border-radius:20px;}
.iwc-rankhub-row-copy{gap:8px;}
.iwc-rankhub-row-copy h3{font-size:19px;line-height:1.22;}
.iwc-rankhub-row .iwc-rankhub-miniinfo span{min-height:26px;padding:0 8px;font-size:11px;}
.iwc-rankhub-row.is-top .iwc-rankhub-row-media{box-shadow:0 14px 28px rgba(59,130,246,.12);}
.iwc-rankhub-row-stats{display:grid;gap:7px;min-width:0;}

@media (max-width: 980px){
  .iwc-rankhub-podium-grid{grid-template-columns:1fr;align-items:stretch;}
  .iwc-rankhub-podium-slot.rank-1,.iwc-rankhub-podium-slot.rank-2,.iwc-rankhub-podium-slot.rank-3{transform:none;}
  .iwc-rankhub-podium-slot.is-ghost{display:none;}
  .iwc-rankhub-row{grid-template-columns:64px minmax(0,1fr);}
  .iwc-rankhub-row-media{width:82px;height:82px;flex-basis:82px;border-radius:18px;}
  .iwc-rankhub-row-stats{grid-column:1/-1;padding-top:4px;}
}

@media (max-width: 780px){
  .iwc-rankhub-podium-cardbox{padding:12px;border-radius:20px;}
  .iwc-rankhub-podium-cardbox::after{left:14px;right:14px;bottom:-8px;height:14px;}
  .iwc-rankhub-podium-media{border-radius:18px;}
  .iwc-rankhub-podium-stage{padding:20px 14px 12px;}
  .iwc-rankhub-podium-stage.rank-1{min-height:118px;}
  .iwc-rankhub-podium-stage.rank-2{min-height:102px;}
  .iwc-rankhub-podium-stage.rank-3{min-height:92px;}
  .iwc-rankhub-podium-stage strong{font-size:34px;}
  .iwc-rankhub-row{grid-template-columns:60px minmax(0,1fr);padding:11px 12px;}
  .iwc-rankhub-row-rank{min-height:76px;}
  .iwc-rankhub-row-rank strong{font-size:24px;}
  .iwc-rankhub-row-media{width:76px;height:76px;flex-basis:76px;border-radius:16px;}
  .iwc-rankhub-row-copy h3{font-size:16px;}
}

@media (max-width: 520px){
  .iwc-rankhub-podium-body h3,
  .iwc-rankhub-podium-slot.rank-1 .iwc-rankhub-podium-body h3{font-size:18px;}
  .iwc-rankhub-row{grid-template-columns:1fr;}
  .iwc-rankhub-row-rank{min-height:58px;flex-direction:row;gap:10px;justify-content:flex-start;padding:0 14px;}
  .iwc-rankhub-row-rank strong{margin-top:0;}
}

/* 2026-04-06 rankhub leaderboard gallery reuse */
.iwc-rankhub-row-media.iwc-gallery-open,
.iwc-rankhub-row-media.iwc-gallery-open-video{
  display:block;
  text-decoration:none;
}

/* ===== Global AJAX paging + premium pagination refresh ===== */
.iwc-page.is-ajax-paging-loading{
  position:relative;
}
.iwc-page.is-ajax-paging-loading::after{
  content:'페이지 이동 중…';
  position:absolute;
  top:18px;
  right:18px;
  z-index:8;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 14px;
  border-radius:999px;
  background:rgba(15,23,42,.82);
  color:#fff;
  font-size:12px;
  font-weight:800;
  letter-spacing:.02em;
  box-shadow:0 12px 28px rgba(2,6,23,.24);
  backdrop-filter:blur(8px);
}
.iwc-paging{
  gap:10px;
}
.iwc-paging .iwc-page-btn{
  min-width:46px;
  min-height:42px;
  padding:0 15px;
  border-radius:14px;
  border:1px solid #d9e2ee;
  background:linear-gradient(180deg,#ffffff 0%,#f5f8fc 100%);
  color:#475569;
  box-shadow:0 6px 16px rgba(15,23,42,.05);
}
.iwc-paging .iwc-page-btn:hover,
.iwc-paging .iwc-page-btn:focus-visible{
  background:linear-gradient(180deg,#ffffff 0%,#edf3fb 100%);
  border-color:#c8d5e7;
  color:#1e3a8a;
  box-shadow:0 10px 22px rgba(37,99,235,.10);
  transform:translateY(-1px);
}
.iwc-paging .iwc-page-btn.active,
.iwc-paging .iwc-page-btn[aria-current="page"]{
  border-color:#1f2f52;
  background:linear-gradient(180deg,#314b7f 0%,#1b2742 100%);
  color:#fff;
  box-shadow:0 12px 26px rgba(15,23,42,.18), inset 0 1px 0 rgba(255,255,255,.20);
}
.iwc-paging .iwc-page-btn.active:hover,
.iwc-paging .iwc-page-btn.active:focus-visible,
.iwc-paging .iwc-page-btn[aria-current="page"]:hover,
.iwc-paging .iwc-page-btn[aria-current="page"]:focus-visible{
  border-color:#24385f;
  background:linear-gradient(180deg,#38568f 0%,#1f3051 100%);
  color:#fff;
  box-shadow:0 14px 30px rgba(15,23,42,.22), inset 0 1px 0 rgba(255,255,255,.22);
  transform:translateY(-1px);
}
.iwc-paging .iwc-page-btn.is-loading{
  pointer-events:none;
  opacity:.72;
}
.iwc-paging .iwc-page-btn.is-disabled,
.iwc-paging .iwc-page-btn[aria-disabled="true"]{
  border-color:#e2e8f0;
  background:linear-gradient(180deg,#f8fafc 0%,#f1f5f9 100%);
  color:#94a3b8;
  box-shadow:none;
  cursor:not-allowed;
  pointer-events:none;
  transform:none;
}
.iwc-paging .iwc-page-btn.is-disabled:hover,
.iwc-paging .iwc-page-btn.is-disabled:focus-visible,
.iwc-paging .iwc-page-btn[aria-disabled="true"]:hover,
.iwc-paging .iwc-page-btn[aria-disabled="true"]:focus-visible{
  border-color:#e2e8f0;
  background:linear-gradient(180deg,#f8fafc 0%,#f1f5f9 100%);
  color:#94a3b8;
  box-shadow:none;
  transform:none;
}
.iwc-rankhub-board.is-rankhub-ajax-loading{
  position:relative;
  pointer-events:none;
}
.iwc-rankhub-board.is-rankhub-ajax-loading::after{
  content:'랭킹 불러오는 중…';
  position:absolute;
  top:18px;
  right:18px;
  z-index:7;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 14px;
  border-radius:999px;
  background:rgba(15,23,42,.82);
  color:#fff;
  font-size:12px;
  font-weight:800;
  letter-spacing:.02em;
  box-shadow:0 12px 28px rgba(2,6,23,.24);
  backdrop-filter:blur(8px);
}
@media (max-width: 640px){
  .iwc-page.is-ajax-paging-loading::after{
    top:12px;
    right:12px;
    padding:8px 12px;
    font-size:11px;
  }
  .iwc-paging{
    gap:8px;
  }
  .iwc-paging .iwc-page-btn{
    min-width:42px;
    min-height:38px;
    padding:0 12px;
    border-radius:12px;
  }
  .iwc-rankhub-board.is-rankhub-ajax-loading::after{
    top:12px;
    right:12px;
    padding:8px 12px;
    font-size:11px;
  }
}

/* ===== Pagination hover/disabled polish ===== */
.iwc-page-btn.is-disabled,
.iwc-page-btn[aria-disabled="true"],
.iwc-paging .iwc-page-btn.is-disabled,
.iwc-paging .iwc-page-btn[aria-disabled="true"]{
  cursor:not-allowed !important;
  pointer-events:auto !important;
  user-select:none;
}

.iwc-page-btn:not(.active):not(.is-disabled):not([aria-current="page"]):not([aria-disabled="true"]):hover,
.iwc-page-btn:not(.active):not(.is-disabled):not([aria-current="page"]):not([aria-disabled="true"]):focus-visible{
  border-color:#b8c9df;
  background:linear-gradient(180deg,#ffffff 0%,#e8f1fd 100%);
  color:#18408b;
  box-shadow:0 12px 24px rgba(37,99,235,.14), inset 0 1px 0 rgba(255,255,255,.82);
  transform:translateY(-1px);
}

.iwc-paging .iwc-page-btn:not(.active):not(.is-disabled):not([aria-current="page"]):not([aria-disabled="true"]):hover,
.iwc-paging .iwc-page-btn:not(.active):not(.is-disabled):not([aria-current="page"]):not([aria-disabled="true"]):focus-visible,
.iwc-local-paging .iwc-page-btn:not(.active):not(.is-disabled):not([aria-current="page"]):not([aria-disabled="true"]):hover,
.iwc-local-paging .iwc-page-btn:not(.active):not(.is-disabled):not([aria-current="page"]):not([aria-disabled="true"]):focus-visible{
  border-color:#a9c1e1;
  background:linear-gradient(180deg,#ffffff 0%,#e4efff 100%);
  color:#153e8a;
  box-shadow:0 14px 28px rgba(37,99,235,.16), inset 0 1px 0 rgba(255,255,255,.9);
  transform:translateY(-2px);
}


/* rankhub comments bridge */
.iwc-rankhub-comments-section{
  position:relative;
  margin-top:24px;
  padding:26px;
  border-radius:32px;
  background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,250,252,.96));
  border:1px solid rgba(148,163,184,.22);
  box-shadow:0 28px 70px rgba(15,23,42,.14);
  overflow:hidden;
}
.iwc-rankhub-comments-section::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:1px;
  background:linear-gradient(90deg, rgba(59,130,246,0), rgba(59,130,246,.42), rgba(59,130,246,0));
}
.iwc-rankhub-comments-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:18px;}
.iwc-rankhub-comments-head h2{margin:8px 0 0;font-size:clamp(28px,2.8vw,36px);line-height:1.06;letter-spacing:-.04em;color:#0f172a;}
.iwc-rankhub-comments-head p{margin:10px 0 0;max-width:760px;color:#64748b;font-size:14px;line-height:1.7;}
.iwc-rankhub-comments-section .iwc-comment-box{margin:0;background:transparent;border:0;box-shadow:none;padding:0;}
@media (max-width: 860px){
  .iwc-rankhub-comments-section{padding:18px;border-radius:24px;}
  .iwc-rankhub-comments-head{flex-direction:column;align-items:stretch;}
}

/* 2026-04-06 rankhub comment nick/member badge contrast fix */
.iwc-comment-write .iwc-comment-nick[disabled],
.iwc-reply-form .iwc-reply-nick[disabled],
.iwc-rankhub-comments-section .iwc-comment-nick[disabled],
.iwc-rankhub-comments-section .iwc-reply-nick[disabled]{
  background:linear-gradient(180deg,#f8fbff 0%, #eef4fb 100%) !important;
  border:1px solid #bfd2ea !important;
  color:#334155 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92), 0 6px 18px rgba(15,23,42,.06) !important;
  text-shadow:none !important;
  opacity:1 !important;
}

.iwc-comment-write .iwc-comment-nick[disabled]::placeholder,
.iwc-reply-form .iwc-reply-nick[disabled]::placeholder,
.iwc-rankhub-comments-section .iwc-comment-nick[disabled]::placeholder,
.iwc-rankhub-comments-section .iwc-reply-nick[disabled]::placeholder{
  color:#64748b !important;
}

.iwc-comment-write .iwc-comment-top-fields::after,
.iwc-reply-form .iwc-comment-top-fields::after,
.iwc-rankhub-comments-section .iwc-comment-top-fields::after{
  height:30px;
  padding:0 13px;
  font-size:12px;
  font-weight:900;
  letter-spacing:.01em;
  color:#ffffff;
  background:linear-gradient(135deg,#2563eb 0%, #1d4ed8 55%, #1e40af 100%);
  border:1px solid rgba(29,78,216,.42);
  box-shadow:0 8px 20px rgba(37,99,235,.18), inset 0 1px 0 rgba(255,255,255,.22);
}

.iwc-comment-write .iwc-comment-top-fields.is-member .iwc-comment-nick[disabled],
.iwc-rankhub-comments-section .iwc-comment-write .iwc-comment-top-fields.is-member .iwc-comment-nick[disabled]{
  padding-right:118px;
}

.iwc-reply-form .iwc-comment-top-fields.is-member .iwc-reply-nick[disabled]{
  padding-right:118px;
}

.iwc-reply-form .iwc-comment-top-fields.is-member:has(.iwc-reply-nick[disabled])::after{
  display:flex;
}

/* 2026-04-06 rankhub comment style sync with detail page */
.iwc-rankhub-comments-section .iwc-comment-box{
  margin:0;
  padding:22px;
  border-radius:28px;
  border:1px solid rgba(223,234,248,.96);
  background:linear-gradient(180deg, rgba(255,255,255,.97), rgba(248,251,255,.94));
  box-shadow:0 18px 40px rgba(15,23,42,.06);
}

.iwc-rankhub-comments-section .iwc-comment-box h3{
  display:flex;
  align-items:center;
  gap:10px;
  padding-bottom:14px;
  margin-bottom:16px;
  font-size:22px;
  border-bottom:1px solid rgba(226,234,245,.95);
}

.iwc-rankhub-comments-section .iwc-comment-write .iwc-comment-top-fields.is-member .iwc-comment-nick[disabled],
.iwc-rankhub-comments-section .iwc-reply-form .iwc-comment-top-fields.is-member .iwc-reply-nick[disabled]{
  background:linear-gradient(180deg,#f9fbff 0%,#f1f5fb 100%) !important;
  border:1px solid #d9e2ef !important;
  color:#7b8798 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95), 0 10px 24px rgba(15,23,42,.06) !important;
  text-shadow:none !important;
  opacity:1 !important;
}

.iwc-rankhub-comments-section .iwc-comment-write .iwc-comment-nick[disabled]::placeholder,
.iwc-rankhub-comments-section .iwc-reply-form .iwc-reply-nick[disabled]::placeholder{
  color:#a1adbd !important;
}

.iwc-rankhub-comments-section .iwc-comment-write .iwc-comment-top-fields.is-member .iwc-comment-nick[disabled],
.iwc-rankhub-comments-section .iwc-reply-form .iwc-comment-top-fields.is-member .iwc-reply-nick[disabled]{
  padding-right:112px;
}

.iwc-rankhub-comments-section .iwc-comment-write .iwc-comment-top-fields,
.iwc-rankhub-comments-section .iwc-reply-form .iwc-comment-top-fields{
  position:relative;
}

.iwc-rankhub-comments-section .iwc-comment-write .iwc-comment-top-fields::after,
.iwc-rankhub-comments-section .iwc-reply-form .iwc-comment-top-fields::after{
  content:'회원';
  position:absolute;
  top:50%;
  right:14px;
  transform:translateY(-50%);
  height:28px;
  padding:0 12px;
  border-radius:999px;
  display:none;
  align-items:center;
  justify-content:center;
  font-size:12px;
  font-weight:800;
  letter-spacing:.02em;
  color:#4773d6;
  background:linear-gradient(180deg,#edf4ff 0%,#dfeaff 100%);
  border:1px solid #c9d9fb;
  box-shadow:0 8px 20px rgba(76,110,184,.12), inset 0 1px 0 rgba(255,255,255,.9);
  pointer-events:none;
}

.iwc-rankhub-comments-section .iwc-comment-write .iwc-comment-top-fields.is-member:has(.iwc-comment-nick[disabled])::after,
.iwc-rankhub-comments-section .iwc-reply-form .iwc-comment-top-fields.is-member:has(.iwc-reply-nick[disabled])::after{
  display:flex;
}

.iwc-rankhub-comments-section .iwc-comment-item{
  border:1px solid rgba(219,229,241,.92);
  box-shadow:0 8px 18px rgba(15,23,42,.04);
}

.iwc-rankhub-comments-section .iwc-comment-body{
  padding:0 0 13px;
  margin:0 0 12px;
  border-bottom:1px solid rgba(226,234,245,.96);
  color:#334155;
  line-height:1.72;
}

.iwc-rankhub-comments-section .iwc-comment-item.reply .iwc-comment-body{
  border-bottom-color:rgba(209,224,243,.96);
}

.iwc-rankhub-comments-section .iwc-comment-actions{
  margin-top:0;
}

@media (max-width: 860px){
  .iwc-rankhub-comments-section .iwc-comment-box{
    padding:18px;
    border-radius:24px;
  }

  .iwc-rankhub-comments-section .iwc-comment-box h3,
  .iwc-rankhub-showcase-head h2,
  .iwc-rankhub-board-head h2{
    font-size:18px;
  }
}

/* 2026-04-06 comment action/button sync + body divider line */
.iwc-detail-wrap .iwc-comment-box .iwc-comment-actions > .iwc-reply-open,
.iwc-rankhub-comments-section .iwc-comment-actions > .iwc-reply-open{
  background:linear-gradient(180deg,#f3f8ff 0%,#e7efff 100%) !important;
  border:1px solid rgba(96,188,255,.34) !important;
  color:#2f74d7 !important;
  box-shadow:0 10px 24px rgba(66,111,191,.10), inset 0 1px 0 rgba(255,255,255,.92) !important;
}

.iwc-detail-wrap .iwc-comment-box .iwc-comment-actions > .iwc-reply-open:hover,
.iwc-rankhub-comments-section .iwc-comment-actions > .iwc-reply-open:hover{
  background:linear-gradient(180deg,#e8f2ff 0%,#dbe8ff 100%) !important;
  border-color:rgba(76,156,255,.52) !important;
  color:#1f64cb !important;
}

.iwc-detail-wrap .iwc-comment-box .iwc-comment-actions > .iwc-comment-edit-open,
.iwc-detail-wrap .iwc-comment-box .iwc-comment-actions > .iwc-btn-ghost.iwc-comment-edit-open,
.iwc-rankhub-comments-section .iwc-comment-actions > .iwc-comment-edit-open,
.iwc-rankhub-comments-section .iwc-comment-actions > .iwc-btn-ghost.iwc-comment-edit-open{
  background:linear-gradient(180deg,#ffffff 0%,#f2f6fc 100%) !important;
  border:1px solid rgba(160,174,196,.42) !important;
  color:#5b6679 !important;
  box-shadow:0 10px 24px rgba(15,23,42,.08), inset 0 1px 0 rgba(255,255,255,.94) !important;
}

.iwc-detail-wrap .iwc-comment-box .iwc-comment-actions > .iwc-comment-edit-open:hover,
.iwc-detail-wrap .iwc-comment-box .iwc-comment-actions > .iwc-btn-ghost.iwc-comment-edit-open:hover,
.iwc-rankhub-comments-section .iwc-comment-actions > .iwc-comment-edit-open:hover,
.iwc-rankhub-comments-section .iwc-comment-actions > .iwc-btn-ghost.iwc-comment-edit-open:hover{
  background:linear-gradient(180deg,#f8fbff 0%,#ecf3ff 100%) !important;
  border-color:rgba(149,170,206,.58) !important;
  color:#475569 !important;
  box-shadow:0 12px 26px rgba(15,23,42,.10), inset 0 1px 0 rgba(255,255,255,.96) !important;
}

.iwc-detail-wrap .iwc-comment-box .iwc-comment-body{
  padding:0 0 13px;
  margin:0 0 12px;
  border-bottom:1px solid rgba(226,234,245,.96);
}

.iwc-detail-wrap .iwc-comment-box .iwc-comment-item.reply .iwc-comment-body{
  border-bottom-color:rgba(209,224,243,.96);
}

.iwc-result-comments-wrap .iwc-comment-body,
.iwc-modal-result .iwc-result-comments-wrap .iwc-comment-body{
  padding:0 0 13px;
  margin:0 0 12px;
  border-bottom:1px solid rgba(255,255,255,.12);
}

.iwc-result-comments-wrap .iwc-comment-item.reply .iwc-comment-body,
.iwc-modal-result .iwc-result-comments-wrap .iwc-comment-item.reply .iwc-comment-body{
  border-bottom-color:rgba(139,184,255,.22);
}


/* 2026-04-06 rankhub comment outer shell remove + edit button force sync */
.iwc-rankhub-comments-section{
  margin-top:24px;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
}

.iwc-rankhub-comments-section::before{
  display:none !important;
  content:none !important;
}

.iwc-rankhub-comments-head{
  margin-bottom:18px;
  padding:0 2px;
}

@media (max-width: 860px){
  .iwc-rankhub-comments-section{
    padding:0 !important;
    border-radius:0 !important;
  }
}

.iwc-detail-wrap .iwc-comment-box .iwc-comment-actions > button.iwc-comment-edit-open,
.iwc-detail-wrap .iwc-comment-box .iwc-comment-actions > button.iwc-btn-ghost.iwc-comment-edit-open,
.iwc-detail-wrap .iwc-comment-box .iwc-comment-actions > .iwc-comment-edit-open,
.iwc-detail-wrap .iwc-comment-box .iwc-comment-actions > .iwc-btn-ghost.iwc-comment-edit-open,
.iwc-rankhub-comments-section .iwc-comment-actions > button.iwc-comment-edit-open,
.iwc-rankhub-comments-section .iwc-comment-actions > button.iwc-btn-ghost.iwc-comment-edit-open,
.iwc-rankhub-comments-section .iwc-comment-actions > .iwc-comment-edit-open,
.iwc-rankhub-comments-section .iwc-comment-actions > .iwc-btn-ghost.iwc-comment-edit-open{
  appearance:none !important;
  -webkit-appearance:none !important;
  background:linear-gradient(180deg,#ffffff 0%,#f2f6fc 100%) !important;
  border:1px solid rgba(160,174,196,.42) !important;
  color:#5b6679 !important;
  box-shadow:0 10px 24px rgba(15,23,42,.08), inset 0 1px 0 rgba(255,255,255,.94) !important;
}

.iwc-detail-wrap .iwc-comment-box .iwc-comment-actions > button.iwc-comment-edit-open:hover,
.iwc-detail-wrap .iwc-comment-box .iwc-comment-actions > button.iwc-btn-ghost.iwc-comment-edit-open:hover,
.iwc-detail-wrap .iwc-comment-box .iwc-comment-actions > .iwc-comment-edit-open:hover,
.iwc-detail-wrap .iwc-comment-box .iwc-comment-actions > .iwc-btn-ghost.iwc-comment-edit-open:hover,
.iwc-rankhub-comments-section .iwc-comment-actions > button.iwc-comment-edit-open:hover,
.iwc-rankhub-comments-section .iwc-comment-actions > button.iwc-btn-ghost.iwc-comment-edit-open:hover,
.iwc-rankhub-comments-section .iwc-comment-actions > .iwc-comment-edit-open:hover,
.iwc-rankhub-comments-section .iwc-comment-actions > .iwc-btn-ghost.iwc-comment-edit-open:hover{
  background:linear-gradient(180deg,#f8fbff 0%,#ecf3ff 100%) !important;
  border-color:rgba(149,170,206,.58) !important;
  color:#475569 !important;
  box-shadow:0 12px 26px rgba(15,23,42,.10), inset 0 1px 0 rgba(255,255,255,.96) !important;
}

/* 2026-04-06 rankhub comment button tune: restore edit ghost, sync report to detail */
.iwc-rankhub-comments-section .iwc-comment-actions > button.iwc-comment-edit-open,
.iwc-rankhub-comments-section .iwc-comment-actions > button.iwc-btn-ghost.iwc-comment-edit-open,
.iwc-rankhub-comments-section .iwc-comment-actions > .iwc-comment-edit-open,
.iwc-rankhub-comments-section .iwc-comment-actions > .iwc-btn-ghost.iwc-comment-edit-open{
  appearance:none !important;
  -webkit-appearance:none !important;
  background:#ffffff !important;
  border:1px solid var(--iwc-line) !important;
  color:var(--iwc-text-2) !important;
  box-shadow:none !important;
}

.iwc-rankhub-comments-section .iwc-comment-actions > button.iwc-comment-edit-open:hover,
.iwc-rankhub-comments-section .iwc-comment-actions > button.iwc-btn-ghost.iwc-comment-edit-open:hover,
.iwc-rankhub-comments-section .iwc-comment-actions > .iwc-comment-edit-open:hover,
.iwc-rankhub-comments-section .iwc-comment-actions > .iwc-btn-ghost.iwc-comment-edit-open:hover{
  background:#f8fbff !important;
  border-color:#cfe0fb !important;
  color:var(--iwc-primary-2) !important;
  box-shadow:none !important;
}

.iwc-rankhub-comments-section .iwc-comment-actions > .iwc-report-comment,
.iwc-rankhub-comments-section .iwc-comment-actions > button.iwc-report-comment{
  background:linear-gradient(180deg,#fff6e8 0%,#ffedcf 100%) !important;
  border:1px solid rgba(255,184,77,.42) !important;
  color:#a86400 !important;
  box-shadow:0 10px 24px rgba(145,95,8,.10), inset 0 1px 0 rgba(255,255,255,.92) !important;
}

.iwc-rankhub-comments-section .iwc-comment-actions > .iwc-report-comment:hover,
.iwc-rankhub-comments-section .iwc-comment-actions > button.iwc-report-comment:hover{
  background:linear-gradient(180deg,#ffefdb 0%,#ffe2b8 100%) !important;
  border-color:rgba(255,170,46,.64) !important;
  color:#8f5500 !important;
  box-shadow:0 12px 26px rgba(145,95,8,.12), inset 0 1px 0 rgba(255,255,255,.94) !important;
}

/* v56: rankhub comment delete button hover sync with detail page */
.iwc-rankhub-comments-section .iwc-comment-actions > .iwc-comment-delete,
.iwc-rankhub-comments-section .iwc-comment-actions > button.iwc-comment-delete{
  background:linear-gradient(180deg,#fff2f2 0%,#ffe0e0 100%) !important;
  border:1px solid rgba(255,101,101,.38) !important;
  color:#c93b3b !important;
  box-shadow:0 10px 24px rgba(176,52,52,.10), inset 0 1px 0 rgba(255,255,255,.92) !important;
}

.iwc-rankhub-comments-section .iwc-comment-actions > .iwc-comment-delete:hover,
.iwc-rankhub-comments-section .iwc-comment-actions > button.iwc-comment-delete:hover{
  background:linear-gradient(180deg,#ffe8e8 0%,#ffd0d0 100%) !important;
  border-color:rgba(255,98,98,.60) !important;
  color:#b52d2d !important;
  box-shadow:0 12px 26px rgba(176,52,52,.12), inset 0 1px 0 rgba(255,255,255,.94) !important;
}


/* 2026-04-06 rankhub heading / badge / paging position tune */
.iwc-rankhub-hero-main h1,
.iwc-rankhub-showcase-head h2,
.iwc-rankhub-board-head h2,
.iwc-rankhub-comments-section .iwc-comment-box h3{
  font-family:inherit !important;
  font-size:22px !important;
  line-height:1.28 !important;
  font-weight:800 !important;
  letter-spacing:-.02em !important;
}

.iwc-rankhub-showcase-head,
.iwc-rankhub-board-head{
  margin-top:6px;
}

.iwc-rankhub-row-rank{
  display:grid;
  place-items:center;
  align-content:center;
  justify-items:center;
}

.iwc-rankhub-row-rank span,
.iwc-rankhub-row-rank strong{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  margin-left:0;
  margin-right:0;
  padding-left:0;
  padding-right:0;
  text-align:center;
}

.iwc-rankhub-row-rank strong{
  letter-spacing:0 !important;
  line-height:1;
  font-feature-settings:"tnum" 1, "lnum" 1;
  font-variant-numeric:lining-nums tabular-nums;
}

.iwc-rankhub-board.is-rankhub-ajax-loading::after{
  display:none;
}

.iwc-rankhub-board .iwc-rankhub-paging{
  position:relative;
}

.iwc-rankhub-board.is-rankhub-ajax-loading .iwc-rankhub-paging{
  min-height:52px;
}

.iwc-rankhub-board.is-rankhub-ajax-loading .iwc-rankhub-paging::after{
  content:'랭킹 불러오는 중…';
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  z-index:8;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:38px;
  padding:0 14px;
  border-radius:999px;
  background:rgba(15,23,42,.84);
  color:#fff;
  font-size:12px;
  font-weight:800;
  letter-spacing:.02em;
  box-shadow:0 12px 28px rgba(2,6,23,.24);
  backdrop-filter:blur(8px);
  white-space:nowrap;
}

.iwc-rankhub-board.is-rankhub-ajax-loading .iwc-rankhub-paging .iwc-paging{
  opacity:.2;
}

@media (max-width: 860px){
  .iwc-rankhub-hero-main h1,
  .iwc-rankhub-showcase-head h2,
  .iwc-rankhub-board-head h2,
  .iwc-rankhub-comments-section .iwc-comment-box h3{
    font-size:18px !important;
  }
}

/* 2026-04-06 rankhub outer-only spacing override */
.iwc-page.iwc-rankhub-shell,
.iwc-rankhub-shell{
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
}
@media (max-width:960px){
  .iwc-page.iwc-rankhub-shell,
  .iwc-rankhub-shell{
    margin:0 !important;
    padding:0 !important;
  }
}


.iwc-ajax-swap-in{
  animation:iwcAjaxSwapIn .34s ease;
}
@keyframes iwcAjaxSwapIn{
  0%{opacity:.35;transform:translateY(6px)}
  100%{opacity:1;transform:translateY(0)}
}
.iwc-ajax-section .iwc-paging{position:relative}
.iwc-ajax-section.is-ajax-paging-loading .iwc-paging::before{
  content:'목록 불러오는 중…';
  position:absolute;
  left:50%;
  bottom:calc(100% + 10px);
  transform:translateX(-50%);
  z-index:9;
  display:inline-flex;
  align-items:center;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(15,23,42,.82);
  color:#fff;
  font-size:12px;
  font-weight:800;
  letter-spacing:.02em;
  box-shadow:0 12px 28px rgba(2,6,23,.24);
  backdrop-filter:blur(8px);
}


.iwc-paging{position:relative}
.iwc-paging-loading{display:none;width:100%;margin-top:10px;text-align:center;font-size:13px;font-weight:700;color:#2563eb;letter-spacing:-.01em}
.iwc-ajax-swap-in{animation:iwcAjaxSwapFade .28s ease}
@keyframes iwcAjaxSwapFade{0%{opacity:.45;transform:translateY(4px)}100%{opacity:1;transform:none}}

.iwc-history-board .iwc-history-paging{
  position:relative;
}

.iwc-history-board.is-history-ajax-loading .iwc-history-paging{
  min-height:52px;
}

.iwc-history-board.is-history-ajax-loading .iwc-history-paging::after{
  content:'히스토리 불러오는 중…';
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  z-index:8;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:38px;
  padding:0 14px;
  border-radius:999px;
  background:rgba(15,23,42,.84);
  color:#fff;
  font-size:12px;
  font-weight:800;
  letter-spacing:.02em;
  box-shadow:0 12px 28px rgba(2,6,23,.24);
  backdrop-filter:blur(8px);
  white-space:nowrap;
}

.iwc-history-board.is-history-ajax-loading .iwc-history-paging .iwc-paging{
  opacity:.2;
  pointer-events:none;
}

.iwc-history-board.is-history-ajax-loading .iwc-history-paging .iwc-page-btn{
  pointer-events:none;
  cursor:wait !important;
}


.iwc-pagewise-board .iwc-pagewise-paging{
  position:relative;
}

.iwc-pagewise-board.is-pagewise-ajax-loading .iwc-pagewise-paging{
  min-height:52px;
}

.iwc-pagewise-board.is-pagewise-ajax-loading .iwc-pagewise-paging::after{
  content:attr(data-loading-text);
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  z-index:8;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:38px;
  padding:0 14px;
  border-radius:999px;
  background:rgba(15,23,42,.84);
  color:#fff;
  font-size:12px;
  font-weight:800;
  letter-spacing:.02em;
  box-shadow:0 12px 28px rgba(2,6,23,.24);
  backdrop-filter:blur(8px);
  white-space:nowrap;
}

.iwc-pagewise-board.is-pagewise-ajax-loading .iwc-pagewise-paging .iwc-paging{
  opacity:.2;
  pointer-events:none;
}

.iwc-pagewise-board.is-pagewise-ajax-loading .iwc-pagewise-paging .iwc-page-btn{
  pointer-events:none;
  cursor:wait !important;
}

.iwc-page-info-inline{display:inline-flex;align-items:center;gap:8px;justify-content:flex-end;flex-wrap:wrap;min-height:34px;padding:7px 12px;border:1px solid #d9e3f1;border-radius:999px;background:linear-gradient(180deg,#ffffff 0%,#f7faff 100%);box-shadow:0 10px 24px rgba(15,23,42,.05);color:#334155;font-size:12px;font-weight:700;letter-spacing:-.01em}
.iwc-page-info-label{color:#64748b;font-weight:800}
.iwc-page-info-value{color:#0f172a;font-size:13px;font-weight:900}
.iwc-page-info-total{color:#2563eb;font-weight:800}
.iwc-pagewise-board > .iwc-page-info-inline,
.iwc-history-board > .iwc-page-info-inline,
.iwc-rank-box > .iwc-page-info-inline,
.iwc-rankhub-leaderboard > .iwc-page-info-inline{display:flex;margin:0 0 0 auto;width:max-content}
.iwc-comment-head-row,.iwc-detail-rank-head-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:2px}
.iwc-comment-head-row h3,.iwc-detail-rank-head-row h3{margin:0}
.iwc-comment-box .iwc-comment-paging{margin-top:14px}
.iwc-comment-box.is-pagewise-ajax-loading .iwc-comment-paging{position:relative;pointer-events:none}
.iwc-comment-box.is-pagewise-ajax-loading .iwc-comment-paging .iwc-paging{opacity:.45;filter:grayscale(.08)}
.iwc-comment-box.is-pagewise-ajax-loading .iwc-comment-paging .iwc-page-btn{cursor:wait !important}
.iwc-comment-box .iwc-paging-loading{display:none;width:100%;margin-top:10px;text-align:center;font-size:13px;font-weight:700;color:#2563eb;letter-spacing:-.01em}
.iwc-detail-ranking-paging{position:relative}
.iwc-member-list-topline{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin:0 0 -4px}
@media (max-width: 767px){
  .iwc-page-info-inline{width:100%;justify-content:center}
  .iwc-pagewise-board > .iwc-page-info-inline,
  .iwc-history-board > .iwc-page-info-inline,
  .iwc-rank-box > .iwc-page-info-inline,
  .iwc-rankhub-leaderboard > .iwc-page-info-inline{width:100%;margin:0 0 0}
  .iwc-comment-head-row,.iwc-detail-rank-head-row{align-items:flex-start}
}


/* 2026-04-06 page info inside box + history-style loading unification */
.iwc-board-topline{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin:0 0 0}
.iwc-pagewise-board > .iwc-board-topline:first-child,
.iwc-history-board > .iwc-board-topline:first-child,
.iwc-record-box.iwc-pagewise-board > .iwc-board-topline:first-child,
.iwc-grid.iwc-pagewise-board > .iwc-board-topline:first-child,
.iwc-table-wrap.iwc-pagewise-board > .iwc-board-topline:first-child{margin-bottom:-12px}
.iwc-tournament-list-board > .iwc-board-topline:first-child{margin-bottom:14px}
.iwc-admin-tournament-board > .iwc-board-topline:first-child{margin-bottom:14px}


.iwc-comment-head-row,
.iwc-detail-rank-head-row{
  position:relative;
  align-items:flex-start;
  margin-bottom:8px;
}

.iwc-comment-head-row h3,
.iwc-detail-rank-head-row h3{
  flex:1 1 100%;
  min-width:0;
  width:100%;
  line-height:1.4;
}

.iwc-comment-head-row > .iwc-page-info-inline,
.iwc-detail-rank-head-row > .iwc-page-info-inline{
  position:absolute;
  top:0;
  right:0;
  margin:0;
  z-index:2;
}

.iwc-comment-head-row h3,
.iwc-detail-rank-head-row h3{
  padding-right:230px;
}

.iwc-comment-box .iwc-paging-loading,
.iwc-rank-box .iwc-paging-loading,
.iwc-member-local-paging .iwc-paging-loading{display:none !important}

.iwc-comment-box .iwc-comment-paging,
.iwc-rank-box .iwc-detail-ranking-paging,
.iwc-member-local-paging{position:relative}

.iwc-comment-box.is-pagewise-ajax-loading .iwc-comment-paging,
.iwc-rank-box.is-pagewise-ajax-loading .iwc-detail-ranking-paging,
.iwc-member-local-paging.is-local-ajax-loading{
  min-height:52px;
  pointer-events:none;
}

.iwc-comment-box.is-pagewise-ajax-loading .iwc-comment-paging::after,
.iwc-rank-box.is-pagewise-ajax-loading .iwc-detail-ranking-paging::after,
.iwc-member-local-paging.is-local-ajax-loading::after{
  content:attr(data-loading-text);
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  z-index:8;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:38px;
  padding:0 14px;
  border-radius:999px;
  background:rgba(15,23,42,.84);
  color:#fff;
  font-size:12px;
  font-weight:800;
  letter-spacing:.02em;
  box-shadow:0 12px 28px rgba(2,6,23,.24);
  backdrop-filter:blur(8px);
  white-space:nowrap;
}

.iwc-comment-box.is-pagewise-ajax-loading .iwc-comment-paging .iwc-paging,
.iwc-rank-box.is-pagewise-ajax-loading .iwc-detail-ranking-paging .iwc-paging,
.iwc-member-local-paging.is-local-ajax-loading > .iwc-page-btn{
  opacity:.2;
  pointer-events:none;
}

.iwc-comment-box.is-pagewise-ajax-loading .iwc-comment-paging .iwc-page-btn,
.iwc-rank-box.is-pagewise-ajax-loading .iwc-detail-ranking-paging .iwc-page-btn,
.iwc-member-local-paging.is-local-ajax-loading .iwc-page-btn{cursor:wait !important}

.iwc-member-local-paging.is-local-ajax-loading{display:flex;justify-content:center}

@media (max-width: 767px){
  .iwc-board-topline{justify-content:center}
  .iwc-comment-head-row > .iwc-page-info-inline,
  .iwc-detail-rank-head-row > .iwc-page-info-inline{
    position:static;
    width:100%;
    justify-content:center;
    margin:0;
  }
  .iwc-detail-wrap .iwc-comment-head-row h3,
  .iwc-detail-wrap .iwc-detail-rank-head-row h3,
  .iwc-rankhub-comments-section .iwc-comment-head-row h3{padding-right:0}
}

/* 2026-04-06 ranking board / page info / loading polish */
.iwc-rankhub-board-head{align-items:flex-start;}
.iwc-rankhub-board-meta{display:flex;flex-direction:column;align-items:flex-end;gap:6px;min-width:200px;}
.iwc-rankhub-board-meta > .iwc-page-info-inline{margin:0;}
.iwc-rankhub-board-meta .iwc-rankhub-board-summary{margin:0;}

.iwc-pagewise-paging .iwc-paging-loading,
.iwc-detail-ranking-paging .iwc-paging-loading,
.iwc-comment-paging .iwc-paging-loading,
.iwc-member-local-paging .iwc-paging-loading,
.iwc-rankboard-paging .iwc-paging-loading{display:none !important;}

.iwc-comment-head-row,
.iwc-detail-rank-head-row{
  position:relative;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  flex-wrap:nowrap;
  margin-bottom:4px;
}

.iwc-comment-head-row h3,
.iwc-detail-rank-head-row h3{
  flex:1 1 auto;
  min-width:0;
  width:auto;
  padding-right:0 !important;
  margin:0;
}

.iwc-comment-head-row > .iwc-page-info-inline,
.iwc-detail-rank-head-row > .iwc-page-info-inline{
  position:static;
  flex:0 0 auto;
  margin-left:auto;
}

.iwc-ranking-board-shell > .iwc-board-topline{
  margin-bottom:-16px;
}
.iwc-ranking-board-shell .iwc-rankboard-paging{position:relative;margin-top:18px;}
.iwc-ranking-board-shell.is-pagewise-ajax-loading .iwc-rankboard-paging{min-height:52px;pointer-events:none;}
.iwc-ranking-board-shell.is-pagewise-ajax-loading .iwc-rankboard-paging::after{
  content:attr(data-loading-text);
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  z-index:8;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:38px;
  padding:0 14px;
  border-radius:999px;
  background:rgba(15,23,42,.84);
  color:#fff;
  font-size:12px;
  font-weight:800;
  letter-spacing:.02em;
  box-shadow:0 12px 28px rgba(2,6,23,.24);
  backdrop-filter:blur(8px);
  white-space:nowrap;
}
.iwc-ranking-board-shell.is-pagewise-ajax-loading .iwc-rankboard-paging .iwc-paging{opacity:.2;pointer-events:none;}
.iwc-ranking-board-shell.is-pagewise-ajax-loading .iwc-rankboard-paging .iwc-page-btn{pointer-events:none;cursor:wait !important;}

@media (max-width: 767px){
  .iwc-rankhub-board-meta{width:100%;align-items:center;}
  .iwc-comment-head-row,
  .iwc-detail-rank-head-row{flex-wrap:wrap;}
  .iwc-comment-head-row > .iwc-page-info-inline,
  .iwc-detail-rank-head-row > .iwc-page-info-inline{width:100%;justify-content:center;margin-left:0;}
}

/* v95 detail meta + comment jump */
.iwc-detail-thumb-meta-badges{
  left:16px;
  right:16px;
  bottom:54px;
}

.iwc-detail-float-badge.is-image{
  background:rgba(255,255,255,.94);
  border-color:rgba(226,232,240,.96);
  color:#334155;
}
.iwc-detail-float-badge.is-motion{
  background:rgba(238,242,255,.96);
  border-color:rgba(199,210,254,.92);
  color:#4338ca;
}
.iwc-detail-float-badge.is-external-video{
  background:rgba(255,247,237,.96);
  border-color:rgba(253,186,116,.88);
  color:#c2410c;
}

.iwc-detail-overview-chip.is-media.is-image{
  border-color:#e2e8f0;
  color:#334155;
}
.iwc-detail-overview-chip.is-media.is-motion{
  border-color:#c7d2fe;
  color:#4338ca;
  background:linear-gradient(135deg,#eef2ff,#e0e7ff);
}
.iwc-detail-overview-chip.is-media.is-external-video{
  border-color:#fdba74;
  color:#c2410c;
  background:linear-gradient(135deg,#fff7ed,#fed7aa);
}

.iwc-detail-overview-chip.is-open{
  border-color:#dbeafe;
  color:#1d4ed8;
  background:linear-gradient(135deg,#eff6ff,#dbeafe);
}

.iwc-social-btn-comment{
  border-color:#bfdbfe;
  background:linear-gradient(135deg,#eff6ff,#dbeafe);
  color:#1d4ed8;
}
.iwc-social-btn-comment:hover{
  border-color:#93c5fd;
  background:linear-gradient(135deg,#dbeafe,#bfdbfe);
  color:#1d4ed8;
}

/* bulk delete tools */
.iwc-bulk-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:10px 0 16px}
.iwc-bulk-check{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:800;color:var(--iwc-text-2);background:#fff;border:1px solid var(--iwc-line);border-radius:999px;padding:10px 14px;box-shadow:0 10px 22px rgba(15,23,42,.05)}
.iwc-bulk-check input{width:16px;height:16px;accent-color:var(--iwc-primary)}
.iwc-bulk-toolbar-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.iwc-record-item-selectable,.iwc-history-record-item.iwc-record-item-selectable{position:relative;padding-left:56px}
.iwc-item-check{position:absolute;left:16px;top:16px;display:inline-flex;align-items:center;justify-content:center;z-index:2}
.iwc-item-check input,.iwc-card-check input{position:absolute;opacity:0;pointer-events:none}
.iwc-item-check span,.iwc-card-check span{display:block;width:22px;height:22px;border-radius:8px;border:1px solid #cbd5e1;background:#fff;box-shadow:0 6px 18px rgba(15,23,42,.08);position:relative}
.iwc-item-check input:checked + span,.iwc-card-check input:checked + span{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:#1d4ed8;box-shadow:0 10px 22px rgba(37,99,235,.22)}
.iwc-item-check input:checked + span:after,.iwc-card-check input:checked + span:after{content:'';position:absolute;left:7px;top:3px;width:6px;height:11px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.iwc-card-selectable{position:relative}
.iwc-card-check{position:absolute;left:14px;top:14px;z-index:4;display:inline-flex}
.iwc-detail-btn-danger{background:#fff5f5;border-color:#fecaca;color:#dc2626}
.iwc-detail-btn-danger:hover{background:linear-gradient(135deg,#ef4444 0%,#f87171 100%);border-color:#f87171;color:#fff;box-shadow:0 14px 26px rgba(239,68,68,.18)}
.iwc-record-actions-stack{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:8px;min-width:140px}
@media (max-width: 767px){
  .iwc-bulk-toolbar{align-items:stretch}
  .iwc-bulk-toolbar-actions{width:100%}
  .iwc-bulk-toolbar-actions > *{flex:1 1 calc(50% - 4px)}
  .iwc-record-item-selectable,.iwc-history-record-item.iwc-record-item-selectable{padding-left:50px}
  .iwc-item-check{left:12px;top:12px}
  .iwc-record-actions-stack{min-width:0;width:100%;align-items:stretch}
}


/* 2026-04-07 bulk delete toolbar polish */
.iwc-bulk-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;margin:10px 0 16px}
.iwc-bulk-toolbar-center.iwc-board-topline{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;margin:0;min-width:0}
.iwc-bulk-toolbar .iwc-bulk-check{justify-self:start}
.iwc-bulk-toolbar .iwc-bulk-toolbar-actions{justify-self:end;display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.iwc-bulk-toolbar .iwc-page-info-inline{margin:0 !important}
.iwc-bulk-selected-badge{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:0 14px;border-radius:999px;border:1px solid #dbe5f1;background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);box-shadow:0 10px 20px rgba(15,23,42,.05);font-size:13px;font-weight:900;color:#475569;white-space:nowrap;transition:.18s ease}
.iwc-bulk-selected-badge .iwc-bulk-selected-count{font-size:14px;color:#1d4ed8}
.iwc-bulk-selected-badge.is-active{border-color:#bfdbfe;background:linear-gradient(180deg,#eff6ff 0%,#dbeafe 100%);color:#1e3a8a;box-shadow:0 12px 22px rgba(37,99,235,.14)}
.iwc-bulk-toolbar-actions .iwc-mini-btn{appearance:none;-webkit-appearance:none;min-height:42px;padding:0 18px;border-radius:12px;font-weight:900;letter-spacing:-.02em;box-shadow:0 10px 24px rgba(239,68,68,.12);background:linear-gradient(180deg,#fff7f7 0%,#ffe9e9 100%);border:1px solid #f8b4b4;color:#c62828}
.iwc-bulk-toolbar-actions .iwc-mini-btn.danger{background:linear-gradient(180deg,#fff7f7 0%,#ffe9e9 100%);border:1px solid #f8b4b4;color:#c62828}
.iwc-bulk-toolbar-actions .iwc-mini-btn:hover,.iwc-bulk-toolbar-actions .iwc-mini-btn.danger:hover{background:linear-gradient(180deg,#fff1f1 0%,#ffdede 100%);border-color:#f28b8b;color:#a61b1b;box-shadow:0 14px 28px rgba(239,68,68,.16);transform:translateY(-1px)}
.iwc-bulk-toolbar-actions .iwc-mini-btn:active{transform:translateY(0);box-shadow:0 8px 18px rgba(239,68,68,.14)}
@media (max-width: 768px){
  .iwc-bulk-toolbar{grid-template-columns:1fr;justify-items:center}
  .iwc-bulk-toolbar .iwc-bulk-check,.iwc-bulk-toolbar .iwc-bulk-toolbar-actions,.iwc-bulk-toolbar .iwc-bulk-toolbar-center{justify-self:center;width:100%}
  .iwc-bulk-toolbar .iwc-bulk-toolbar-actions{justify-content:center}
  .iwc-bulk-toolbar .iwc-bulk-toolbar-actions > *{flex:1 1 calc(50% - 5px)}
}

/* 2026-04-07 detail/rankhub empty comment state visibility sync */
.iwc-detail-wrap .iwc-comment-box .iwc-empty,
.iwc-rankhub-comments-section .iwc-comment-box .iwc-empty{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-height:220px;
  padding:36px 24px;
  border-radius:28px;
  background:
    radial-gradient(circle at top, rgba(96,165,250,.14), transparent 46%),
    linear-gradient(180deg,#fbfdff 0%,#f3f7fc 100%);
  border:1px solid #d9e5f2;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.96), 0 18px 38px rgba(15,23,42,.07);
  color:#566579;
  text-align:center;
  font-size:17px !important;
  line-height:1.72;
  font-weight:800;
  letter-spacing:-0.02em;
}

.iwc-detail-wrap .iwc-comment-box .iwc-empty::before,
.iwc-rankhub-comments-section .iwc-comment-box .iwc-empty::before{
  content:'💬';
  display:flex;
  align-items:center;
  justify-content:center;
  width:68px;
  height:68px;
  margin:0 auto 18px;
  border-radius:50%;
  background:linear-gradient(180deg,#eef4ff 0%,#dce9ff 100%);
  border:1px solid #c8d9fb;
  box-shadow:0 12px 28px rgba(73,104,171,.14);
  font-size:28px;
}

.iwc-detail-wrap .iwc-comment-box .iwc-empty::after,
.iwc-rankhub-comments-section .iwc-comment-box .iwc-empty::after{
  content:'첫 댓글이 이 공간의 시작을 만듭니다';
  display:block;
  margin-top:8px;
  font-size:13px !important;
  line-height:1.65;
  font-weight:700;
  color:#8a97a8;
  letter-spacing:-0.01em;
  white-space:normal;
}

@media (max-width: 768px){
  .iwc-detail-wrap .iwc-comment-box .iwc-empty,
  .iwc-rankhub-comments-section .iwc-comment-box .iwc-empty{
    min-height:196px;
    padding:30px 18px;
    border-radius:24px;
    font-size:15px !important;
  }

  .iwc-detail-wrap .iwc-comment-box .iwc-empty::before,
  .iwc-rankhub-comments-section .iwc-comment-box .iwc-empty::before{
    width:60px;
    height:60px;
    margin-bottom:16px;
    font-size:24px;
  }

  .iwc-detail-wrap .iwc-comment-box .iwc-empty::after,
  .iwc-rankhub-comments-section .iwc-comment-box .iwc-empty::after{
    font-size:12px !important;
  }
}


/* 2026-04-07 global menu centering + member/admin bulk selection */
.iwc-page-section-actions .iwc-top-actions,
.iwc-panel .iwc-center-menu,
.iwc-panel .iwc-admin-topnav{
  justify-content:center;
}
.iwc-member-bulk-toolbar{margin:6px 0 16px}
.iwc-member-bulk-toolbar .iwc-bulk-toolbar-center{display:flex;justify-content:center;align-items:center;min-width:0}
.iwc-member-bulk-status{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 16px;border-radius:999px;border:1px solid #dbe5f1;background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);box-shadow:0 10px 20px rgba(15,23,42,.05);font-size:13px;font-weight:900;color:#334155;white-space:nowrap}
.iwc-member-row{position:relative}
.iwc-member-select-check{position:absolute;left:12px;top:12px;z-index:4;display:inline-flex;align-items:center;justify-content:center}
.iwc-member-select-check input{position:absolute;opacity:0;pointer-events:none}
.iwc-member-select-check span{display:block;width:22px;height:22px;border-radius:8px;border:1px solid #cbd5e1;background:#fff;box-shadow:0 8px 18px rgba(15,23,42,.10);position:relative}
.iwc-member-select-check input:checked + span{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:#1d4ed8;box-shadow:0 12px 22px rgba(37,99,235,.22)}
.iwc-member-select-check input:checked + span:after{content:'';position:absolute;left:7px;top:3px;width:6px;height:11px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.iwc-member-row[data-delete-pending="1"] .iwc-member-select-check{opacity:.55;pointer-events:none}
@media (max-width:700px){
  .iwc-member-select-check{left:10px;top:10px}
  .iwc-member-bulk-status{width:100%}
}

/* 2026-04-07 bulk delete pointer cursor fix */
.iwc-bulk-toolbar .iwc-bulk-check,
.iwc-bulk-toolbar .iwc-bulk-check span,
.iwc-bulk-toolbar .iwc-bulk-check input,
.iwc-member-bulk-toolbar .iwc-bulk-check,
.iwc-member-bulk-toolbar .iwc-bulk-check span,
.iwc-member-bulk-toolbar .iwc-bulk-check input,
.iwc-bulk-toolbar-actions .iwc-mini-btn,
.iwc-member-bulk-toolbar .iwc-mini-btn,
.iwc-bulk-delete-form [data-iwc-bulk-action],
.iwc-bulk-delete-form .iwc-select-all,
.iwc-bulk-delete-form .iwc-select-item,
.iwc-bulk-delete-form .iwc-item-check,
.iwc-bulk-delete-form .iwc-item-check span,
.iwc-bulk-delete-form .iwc-card-check,
.iwc-bulk-delete-form .iwc-card-check span,
.iwc-member-bulk-toolbar .iwc-member-select-check,
.iwc-member-bulk-toolbar .iwc-member-select-check span,
.iwc-member-bulk-toolbar .iwc-member-select-check input{
  cursor:pointer !important;
}

.iwc-bulk-toolbar-actions .iwc-mini-btn[disabled],
.iwc-member-bulk-toolbar .iwc-mini-btn[disabled],
.iwc-bulk-delete-form .iwc-select-all[disabled],
.iwc-bulk-delete-form .iwc-select-item[disabled]{
  cursor:not-allowed !important;
}