.duels-page{--arena-accent:#ffd36a}.duels-page .eyebrow{color:var(--arena-accent);font-size:12px;letter-spacing:.1em}.duels-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:32px;align-items:center;padding:36px 40px;border:1px solid var(--line);border-radius:20px;background:radial-gradient(ellipse at right,#916ddd15,transparent 65%),var(--panel);margin-bottom:26px}.duels-hero h1{font-size:clamp(34px,3.8vw,48px);letter-spacing:-.05em;line-height:1.08;margin:0 0 18px}.duels-hero p{font-size:16px;line-height:1.7;color:var(--muted)}.duels-hero .actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.arena-caption{display:block;margin-top:16px;font-size:13px;color:var(--muted)}.arena-visual{padding:24px;border:1px solid #bba0ff25;border-radius:16px;background:linear-gradient(135deg,#251f3b,#172334);text-align:center}.arena-tag{font-size:11px;letter-spacing:.18em;color:#c4b0ed}.arena-versus{display:flex;gap:12px;align-items:center;justify-content:center;margin:24px 0}.arena-player{display:flex;flex-direction:column;align-items:center;gap:10px;flex:1;color:#ffd36a}.arena-player>.ui-icon{font-size:38px;background:#ffd36a12;border:1px solid #ffd36a25;border-radius:14px;width:76px;height:76px;display:grid;place-items:center}.arena-player b{font-size:12px;letter-spacing:.06em}.arena-player>span{font-size:12px;color:#b8bfd3}.arena-player.challenger{color:#c3abff}.challenger>.ui-icon{background:#c3abff12;border-color:#c3abff25}.arena-vs{font-size:27px;font-weight:800;font-style:italic;color:#fff}.arena-prize{border-top:1px solid #ffffff15;padding-top:18px;font-size:13px;color:#f1d699}.arena-prize .ui-icon{font-size:17px;margin-right:5px}.duel-section-head{margin:30px 0 18px;scroll-margin-top:90px}.duel-section-head .eyebrow{margin-bottom:8px}.duel-section-head h2{font-size:24px}.duel-count{font-size:13px;padding:7px 12px;background:var(--panel-2);border:1px solid var(--line);border-radius:20px;color:var(--muted)}.duels-page .duel-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,410px),1fr));gap:20px}.duel-game-card{display:flex;min-width:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--panel);transition:transform .2s,border-color .2s}.duel-game-card:hover{transform:translateY(-4px);border-color:var(--arena-accent)}.duel-game-art{position:relative;width:155px;flex:none;background:#101827;overflow:hidden}.duel-game-art>img{width:100%;height:100%;object-fit:cover}.duel-format{position:absolute;left:10px;right:10px;top:12px;display:flex;justify-content:center;align-items:center;gap:7px;background:#101827d9;border:1px solid #ffffff20;color:#fff;border-radius:6px;font-size:10px;padding:7px 6px;font-weight:700;letter-spacing:.06em}.duel-format .ui-icon{font-size:13px}.duel-art-play{position:absolute;inset:0;display:grid;place-items:center;background:#10182755;opacity:0;transition:opacity .2s}.duel-game-card:hover .duel-art-play,.duel-game-card:focus-visible .duel-art-play{opacity:1}.duel-art-play .ui-icon{font-size:30px;color:#fff}.duel-game-copy{padding:22px;flex:1;min-width:0;display:flex;flex-direction:column}.duel-game-copy h3{font-size:24px;margin:0;letter-spacing:-.03em}.duel-game-copy>p{font-size:14px;color:var(--muted);line-height:1.6;margin:12px 0 20px}.duel-game-terms{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.duel-game-terms small{font-size:12px;color:var(--muted);display:block;margin-bottom:10px}.duel-game-terms .cur{font-size:19px}.duel-card-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;margin-top:auto;padding-top:20px}.duel-card-footer .btn{font-size:14px;min-height:44px;padding:0 14px}.duel-card-footer .playing-now{font-size:12px}.duel-how{padding:26px;border:1px solid var(--line);border-radius:16px;background:var(--panel);margin:30px 0}.duel-how .duel-section-head{margin:0 0 24px}.duel-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.duel-steps>div>span{display:inline-block;font-size:13px;font-weight:700;color:var(--arena-accent);margin-bottom:12px}.duel-steps h3{font-size:17px;margin-bottom:8px}.duel-steps p{font-size:14px;line-height:1.7;color:var(--muted);margin:0}.duel-match-note{display:flex;gap:12px;border-top:1px solid var(--line);padding-top:20px;margin-top:24px}.duel-match-note .ui-icon{font-size:18px;color:var(--arena-accent);margin-top:3px}.duel-match-note p{font-size:14px;line-height:1.7;color:var(--muted);margin:0}.duel-breadcrumb{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--muted);margin-bottom:24px}.duel-breadcrumb a{display:inline-flex;align-items:center;gap:10px}.duel-breadcrumb .ui-icon{font-size:16px}.duel-signin{text-align:center;padding:34px}.duel-icon{display:block;margin-bottom:16px;color:var(--arena-accent)}.duel-icon .ui-icon{font-size:32px}.duel-signin p{font-size:15px;color:var(--muted);line-height:1.7}.duel-play-head{padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--panel);margin-bottom:16px}.duel-play-head .muted{font-size:15px}.duel-frame{border-radius:16px}.duels-page .run-status{padding:16px 20px;border-radius:12px;background:var(--panel);font-size:15px;line-height:1.7}.duel-history{padding:0}.duel-history td{padding:16px;font-size:15px}.duel-history th{font-size:12px}:root[data-theme="light"] .duels-page{--arena-accent:#8c5a10}
@media(max-width:1050px){.duels-hero{padding:28px;gap:24px}.duel-game-art{width:140px}.duel-game-copy{padding:20px}}
@media(max-width:640px){.duels-hero{grid-template-columns:1fr;padding:24px;gap:24px}.duels-hero h1{font-size:36px}.duels-hero .actions{flex-direction:column}.duels-hero .actions .btn{width:100%}.arena-visual{padding:20px}.duel-game-card{flex-direction:column}.duel-game-art{width:100%;height:190px}.duel-game-art>img{object-position:center 38%}.duel-format{right:auto;left:16px;padding:8px 12px;font-size:11px}.duel-game-copy{padding:22px}.duel-game-copy h3{font-size:25px}.duel-card-footer .btn{flex:1;min-height:46px}.duel-steps{grid-template-columns:1fr;gap:24px}.duel-how{padding:22px}.duel-section-head h2{font-size:23px}.duel-steps h3{font-size:18px}.duel-steps p{font-size:15px}.duel-frame{aspect-ratio:auto;height:calc(100dvh - 200px)}.duel-play-head{padding:18px}.duel-match-note p{font-size:14px}}
.duels-page .duel-grid.single-game{grid-template-columns:1fr}.single-game .duel-game-art{width:220px}.single-game .duel-game-copy{padding:28px}.single-game .duel-game-copy h3{font-size:28px}.single-game .duel-game-copy>p{max-width:620px;font-size:15px}.single-game .duel-game-terms{max-width:420px}.single-game .duel-card-footer{margin-top:16px}.single-game .duel-game-art>img{min-height:270px}
@media(max-width:640px){.single-game .duel-game-art{width:100%}.single-game .duel-game-art>img{min-height:0}.single-game .duel-game-copy{padding:22px}.single-game .duel-game-copy h3{font-size:25px}}