/* V62: duel lobby presentation only. Standard header deliberately untouched. */
body.duel-lobby-v62{background-color:#24170e;background-image:repeating-linear-gradient(3deg,#08030014 0 2px,transparent 2px 8px),linear-gradient(100deg,#27150b,#58331a 24%,#342013 58%,#4b2a16 82%,#25170d);color:#f5ecdc}
#duel-layout{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:15px;max-width:1536px;margin:0 auto;padding:0 18px 22px;min-width:0}
#duel-content{width:100%;max-width:1180px;margin:0 auto;padding:0;min-width:0}
#duel-layout .duel-ad{display:none}
.duel-has-ads #duel-layout{grid-template-columns:160px minmax(0,1fr) 160px}
.duel-has-ads #duel-layout .duel-ad{display:flex}
#duel-layout .duel-ad{align-items:center;justify-content:center;flex-direction:column;gap:7px;text-align:center;color:#bcb29a;border:1px solid #a87836;border-radius:7px;background:linear-gradient(120deg,#112a20eb,#041c16e8);box-shadow:0 0 0 3px #2d170d,0 0 0 4px #8b542c,0 3px 12px #0008;letter-spacing:1px;font-size:12px}
#duel-layout .duel-ad small{font-size:11px;letter-spacing:0;color:#b1a58b}
#duel-layout .duel-ad-side{min-height:600px;width:160px;margin-top:5px}
#duel-layout .duel-ad-horizontal{height:90px;margin:16px 4px;background:linear-gradient(110deg,#302113,#46321f,#302113)}
#duel-content .duel-hero{position:relative;isolation:isolate;min-height:125px;padding:15px 90px;justify-content:center;border:1px solid #cf9c50;border-radius:10px;background:#0b3226 url('/assets/duel/duel-banner-v62.png') center/cover no-repeat;box-shadow:0 0 0 3px #30190e,0 0 0 5px #85502b,0 7px 15px #0007;margin:5px 4px 17px}
#duel-content .duel-hero h1{position:relative;text-align:center;color:#f4d28c;font:700 clamp(27px,3vw,42px)/1.15 Georgia,'Times New Roman',serif;text-shadow:0 2px 3px #000c;margin:0;padding:5px 15px}
#duel-content #refresh{position:absolute;bottom:9px;right:11px;min-height:29px;font-size:11px;padding:5px 9px;background:#06261ee6}
#duel-content .panel{position:relative;border:1px solid #c4914a;border-radius:11px;padding:17px 19px;background:radial-gradient(ellipse at 25% 0,#1d4a3529,transparent 70%),linear-gradient(125deg,#073328,#04271f 70%,#082f24);box-shadow:0 0 0 3px #321b0e,0 0 0 4px #7e4b28,inset 0 0 0 2px #e5bd5c12,0 5px 13px #0005}
#duel-content h2{font:700 21px/1.25 Georgia,'Times New Roman',serif;color:#f3d9a0;margin:0 0 13px;padding-bottom:9px;border-bottom:1px solid #b9974b80}
#duel-content .section-heading{border-bottom:1px solid #b9974b80;margin-bottom:13px;padding-bottom:9px}
#duel-content .section-heading h2{margin:0;padding:0;border:0}
#duel-content .section-heading .muted{font-size:11px}
#duel-content #notice{font-size:12px;line-height:1.45;padding:8px 12px;margin:12px 0 15px;min-height:0;color:#e8d3a5;border:1px solid #bb934b60;border-left:3px solid #ca9d52;border-radius:6px;background:#08271ee0}
#duel-content #complete-profile{margin-bottom:14px}
#duel-content #lobby-grid{grid-template-columns:minmax(265px,330px) minmax(0,1fr);gap:18px}
#duel-content .muted,#duel-content .hint{color:#d0d8cb;font-size:12px}
#duel-content .hint{margin-top:12px}
#duel-content fieldset{margin:14px 0 0;grid-template-columns:minmax(0,1fr) minmax(0,1.22fr);gap:12px}
#duel-content .duel-field{display:grid;gap:7px;min-width:0;align-content:start}
#duel-content label{color:#edcf94;font-size:12px}
#duel-content input,#duel-content select{color:#fff6df;background:#04241c;border:1px solid #b18b45;border-radius:6px;min-height:39px;padding:8px 9px}
#duel-content .stake-stepper{display:flex;min-width:0}
#duel-content .stake-stepper input{border-radius:0;min-width:0;width:100%;text-align:center;padding:6px 3px;font-size:19px;appearance:textfield;-moz-appearance:textfield}
#duel-content .stake-stepper input::-webkit-inner-spin-button,#duel-content .stake-stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
#duel-content .stake-stepper button{min-width:30px;padding:4px;border-radius:5px 0 0 5px;font-size:20px;min-height:39px}
#duel-content .stake-stepper button:last-child{border-radius:0 5px 5px 0}
#duel-content #series-buttons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
#duel-content #series-buttons button{min-width:0;padding:5px 1px;border-radius:5px;font-size:15px;min-height:39px;background:#09271e;color:#f4e6c7;border-color:#ba944f80}
#duel-content #series-buttons button[aria-pressed="true"]{background:linear-gradient(#f5d38a,#c3913f);color:#201806;border-color:#f4cf7c}
#duel-content .native-series{display:none}
#duel-content button,#duel-content .button{border:1px solid #e6c376;color:#201708;border-radius:7px;background:linear-gradient(180deg,#f6d592 0,#d4a451 53%,#b58335 100%);box-shadow:inset 0 1px #fff9,inset 0 -2px #704b244d,0 2px 5px #0004;text-shadow:0 1px #fff3;transition:filter .15s,box-shadow .15s}
#duel-content button:hover:not(:disabled),#duel-content .button:hover{filter:brightness(1.08);box-shadow:inset 0 1px #fff9,0 3px 8px #0006}
#duel-content .primary{min-height:43px;font-size:15px}
#duel-content .secondary{background:linear-gradient(#143b2d,#06251d);color:#e9dcc1;border-color:#c49b57;text-shadow:none;box-shadow:inset 0 1px #ffffff10}
#duel-content button:disabled,#duel-content fieldset:disabled button{opacity:.38;cursor:not-allowed;box-shadow:none}
#duel-content .own-panel{overflow:hidden}
#duel-content .own-panel:after{content:"";position:absolute;pointer-events:none;right:0;top:50px;bottom:0;width:60px;opacity:.12;background:repeating-linear-gradient(100deg,transparent 0 22px,#d3aa65 24px 26px,transparent 28px 40px)}
#duel-content .rooms{gap:10px;position:relative;z-index:1}
#duel-content .room-card{padding:12px 13px;gap:11px;background:linear-gradient(120deg,#0c3528b8,#05251dd9);border:1px solid #cba25e;border-radius:10px;box-shadow:inset 0 0 0 1px #ffe3a210;flex-wrap:wrap}
#duel-content .avatar{width:51px;height:51px;flex-basis:51px;border:2px solid #d6aa58;background:radial-gradient(circle at 35% 25%,#3e5b37,#071b14);color:#ffe3a0;box-shadow:0 0 0 3px #21150c;font:700 21px Georgia,serif}
#duel-content .person strong{font:700 17px/1.25 Georgia,'Times New Roman',serif;color:#f4eee0}
#duel-content .meta{font-size:12px;color:#e1dcc8;line-height:1.55;margin-top:6px}
#duel-content .badge{display:inline-block;margin-top:5px;color:#d1b46f;font-size:11px}
#duel-content .room-card .button,#duel-content .room-card button{font-size:12px;min-height:35px;padding:8px 13px}
#duel-content #mine .room-card{min-height:157px;padding:18px}
#duel-content #mine .avatar{width:64px;height:64px;flex-basis:64px;font-size:26px}
#duel-content #mine .person{min-width:120px}
#duel-content .empty{min-height:68px;display:flex;align-items:center;justify-content:center;text-align:center;padding:16px 10px;color:#bfccb9;font-size:13px;border:1px dashed #c39c4d40;border-radius:7px}
#duel-content #mine .empty{min-height:155px;background:radial-gradient(ellipse at center,#c3a6530a,transparent)}
#duel-content .count{font:400 12px 'Segoe UI',Arial,sans-serif;color:#cfb47c}
#duel-content .open-panel,#duel-content .history{margin-top:19px}
#duel-content .open-rooms{grid-template-columns:repeat(2,minmax(0,1fr))}
#duel-content .history{padding:12px 17px}
#duel-content .history summary{color:#e9dfc9;font-size:13px}
#duel-content .history .rooms{max-height:230px}
#duel-content .waiting{margin:0 0 18px}
#duel-content .waiting p{color:#d8ddcb;font-size:13px}
#duel-content .room-mark{color:#e6c780;border-color:#b58c43;background:#193e2d}
@media(max-width:1250px){.duel-has-ads #duel-layout{grid-template-columns:160px minmax(0,1fr) 160px;gap:12px;padding-inline:12px}#duel-layout .duel-ad-side{width:160px}#duel-content #lobby-grid{grid-template-columns:minmax(240px,.95fr) minmax(0,1.3fr);gap:14px}#duel-content .panel{padding:14px}#duel-content .room-card{padding:11px}#duel-content .room-card .person{min-width:90px}#duel-content .open-rooms{grid-template-columns:1fr}#duel-content .duel-hero{min-height:110px}}
@media(max-width:1050px){.duel-has-ads #duel-layout{grid-template-columns:minmax(0,1fr)}.duel-has-ads #duel-layout .duel-ad-side{display:none}#duel-content .open-rooms{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){#duel-layout{padding:0 10px 18px}#duel-content #lobby-grid{grid-template-columns:1fr}#duel-content .duel-hero{min-height:100px;padding:12px 20px 26px}#duel-content .duel-hero h1{font-size:29px}#duel-content .open-rooms{grid-template-columns:1fr}#duel-content .panel{padding:13px}#duel-content .section-heading .muted{display:none}#duel-content #mine .empty{min-height:70px}#duel-content #mine .room-card{min-height:110px}#duel-content .waiting{flex-wrap:wrap}#duel-layout .duel-ad-horizontal{height:72px;margin:14px 4px}#duel-content #notice{font-size:11px}#duel-content fieldset{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}#duel-content h2{font-size:20px}}
@media(prefers-reduced-motion:reduce){#duel-content button,#duel-content .button{transition:none}}