:root{color-scheme:dark;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--wg-s1);color:var(--wg-text-tint)}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(80% 45% at 78% 0%,var(--wg-s4) 0%,transparent 70%),linear-gradient(180deg,var(--wg-s1),var(--wg-s1) 70%);min-height:100vh}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}.shell{max-width:1360px;margin:auto;padding:0 clamp(16px,4vw,44px) 30px}.top{min-height:78px;display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--wg-accent-lo)}.brand{font-size:23px;font-weight:900;white-space:nowrap}.brand b{color:var(--wg-text-tint)}.top nav{display:flex;gap:22px;margin-left:auto;font-size:14px;font-weight:700;color:var(--wg-text-tint)}.top nav a:hover,.top nav a:focus-visible{color:var(--wg-text-tint)}.balance{background:var(--wg-s3);border:1px solid var(--wg-accent);border-radius:13px;padding:11px 16px;color:var(--wg-text-tint);white-space:nowrap}.hero{display:grid;grid-template-columns:1fr minmax(250px,390px);align-items:center;min-height:310px;gap:22px;padding:30px 28px;margin:26px 0;background:radial-gradient(circle at 75% 50%,var(--wg-s5) 0%,transparent 38%),linear-gradient(135deg,var(--wg-s3),var(--wg-s2));border:1px solid var(--wg-accent-lo);border-radius:26px;overflow:hidden}.hero img{width:100%;max-height:275px;object-fit:contain;filter:drop-shadow(0 20px 35px #0009)}.eyebrow{color:var(--wg-text-tint);font-size:12px;letter-spacing:.16em;font-weight:900}.hero h1{font-size:clamp(42px,5vw,72px);line-height:1.02;letter-spacing:-.055em;margin:13px 0}.hero h1 em{font-style:normal;color:var(--wg-text-tint)}.hero p{max-width:620px;color:var(--wg-text-tint);font-size:17px;line-height:1.55}.practice{display:inline-flex;margin-top:10px;padding:12px 16px;border:1px solid var(--wg-accent);border-radius:12px;color:var(--wg-text-tint);font-weight:750}.practice:hover,.practice:focus-visible{background:var(--wg-s5)}.columns{display:grid;grid-template-columns:minmax(300px,.77fr) minmax(0,1.23fr);gap:18px}.panel{background:linear-gradient(145deg,var(--wg-s3),var(--wg-s2));border:1px solid var(--wg-accent-lo);border-radius:22px;padding:24px;box-shadow:0 15px 40px color-mix(in srgb,var(--wg-s0) 30.2%,transparent)}.panel h2{font-size:26px;margin:8px 0 12px;letter-spacing:-.035em}.panel p{line-height:1.5;color:var(--wg-text-tint)}.stakes{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:22px 0}.stakes button,.choice button{min-height:54px;background:var(--wg-s3);color:var(--wg-text-tint);border:1px solid var(--wg-accent);border-radius:12px;font-weight:850}.stakes button.selected,.choice button:hover,.choice button:focus-visible{background:linear-gradient(135deg,var(--wg-accent),var(--wg-accent));color:#fff;border-color:var(--wg-accent-pale);box-shadow:0 0 0 2px color-mix(in srgb,var(--wg-accent-hi) 20.8%,transparent)}.stakes button:disabled,.choice button:disabled{cursor:not-allowed;opacity:.55}.pool{display:flex;justify-content:space-between;align-items:center;background:var(--wg-s2);border:1px solid var(--wg-accent-lo);border-radius:12px;padding:15px;margin-bottom:18px;color:var(--wg-text-tint)}.pool strong{font-size:28px;color:var(--wg-text-tint)}.primary{width:100%;min-height:56px;border:0;border-radius:13px;background:linear-gradient(120deg,var(--wg-accent),var(--wg-accent));color:#fff;font-size:16px;font-weight:900;box-shadow:0 8px 24px color-mix(in srgb,var(--wg-accent) 21.2%,transparent)}.primary:hover:not(:disabled){filter:brightness(1.08)}.primary:disabled{opacity:.48;cursor:not-allowed;box-shadow:none}.hint{font-size:12px;margin:13px 0 0}.section-title{display:flex;align-items:start;justify-content:space-between;gap:12px}.quiet,.action{min-height:42px;border:1px solid var(--wg-accent);border-radius:10px;background:var(--wg-s4);color:var(--wg-text-tint);padding:8px 12px;font-weight:750}.quiet:hover,.action:hover{background:var(--wg-s5)}.cards{display:grid;gap:12px}.card{background:var(--wg-s2);border:1px solid var(--wg-accent-lo);border-radius:16px;padding:16px;display:grid;gap:10px}.card-head{display:flex;justify-content:space-between;align-items:start;gap:10px}.card h3{font-size:17px;margin:0}.card .tag{font-size:11px;font-weight:900;color:var(--wg-text-tint);border:1px solid var(--wg-accent);border-radius:999px;padding:5px 8px;white-space:nowrap}.card p{margin:0;font-size:13px}.card .meta{color:var(--wg-text-tint)}.card .actions{display:flex;gap:8px;flex-wrap:wrap}.card .action{flex:1;min-width:112px}.card .action.cta{background:var(--wg-accent);color:var(--wg-accent-deep);border-color:var(--wg-accent-hi)}.card .choice{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.card .choice button{font-size:14px}.empty{padding:16px;border:1px dashed var(--wg-accent-lo);border-radius:12px;margin:0}.own{margin-top:18px}.own-list{grid-template-columns:repeat(2,minmax(0,1fr))}.status{color:var(--wg-text-tint);font-size:13px;max-width:420px;text-align:right}.status.error{color:#ffb4a6}.rules{margin-top:18px}.rules summary{cursor:pointer;font-weight:850}.rules p{margin-bottom:0}footer{display:flex;gap:24px;justify-content:center;padding:25px;color:var(--wg-text-tint);font-size:13px}footer a:hover{text-decoration:underline}:focus-visible{outline:3px solid var(--wg-accent-hi);outline-offset:3px}
/* Custom stake field next to the 1/5/10 quick buttons. */
.custom-stake{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px 12px;margin:-10px 0 20px}.custom-stake label{font-size:14px;font-weight:850;color:var(--wg-text-tint)}.stake-field{position:relative;display:block;min-width:0}.stake-field input{box-sizing:border-box;width:100%;min-height:54px;padding:10px 42px 10px 14px;background:var(--wg-s2);color:var(--wg-text-tint);border:1px solid var(--wg-accent);border-radius:12px;font:inherit;font-size:18px;font-weight:850;font-variant-numeric:tabular-nums;-moz-appearance:textfield;appearance:textfield}.stake-field input::-webkit-outer-spin-button,.stake-field input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.stake-field input::placeholder{color:var(--wg-accent-hi);font-weight:600}.stake-field input:focus-visible{outline:3px solid var(--wg-accent-hi);outline-offset:2px;border-color:var(--wg-accent-pale)}.stake-field input[aria-invalid="true"]{border-color:#ff9f8c}.stake-field input:disabled{opacity:.55;cursor:not-allowed}.stake-field b{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--wg-text-tint);pointer-events:none}.custom-stake small{grid-column:1/-1;color:var(--wg-text-tint);font-size:12px}.stake-error{grid-column:1/-1;margin:0!important;color:#ffb4a6!important;font-size:13px;font-weight:750}.stake-error[hidden]{display:none}
@media(max-width:900px){.columns{grid-template-columns:1fr}.hero{grid-template-columns:1fr 230px}.own-list{grid-template-columns:1fr}}
@media(max-width:620px){.shell{padding:0 12px 22px}.top{min-height:64px;flex-wrap:wrap;gap:10px;padding:10px 0}.brand{font-size:19px}.top nav{order:3;width:100%;overflow:auto;gap:16px;margin:0;padding:3px 0 7px;white-space:nowrap}.top nav a{min-height:38px;display:inline-flex;align-items:center}.balance{margin-left:auto;padding:8px 10px;font-size:13px}.hero{grid-template-columns:1fr;min-height:0;gap:0;margin:16px 0;padding:22px;border-radius:19px}.hero img{width:195px;max-height:150px;justify-self:center;margin-top:4px}.hero h1{font-size:43px}.hero p{font-size:14px;margin-bottom:6px}.practice{font-size:13px}.panel{padding:18px;border-radius:18px}.panel h2{font-size:23px}.card{padding:14px}.card-head{flex-wrap:wrap}.card .choice{grid-template-columns:repeat(3,1fr)}.card .choice button{font-size:12px;min-height:50px}.section-title{align-items:center}.status{max-width:150px}footer{flex-wrap:wrap;gap:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* Group 1 (2026-10-20): four weapons -> four move buttons; replay info. */
.card .choice{grid-template-columns:repeat(4,1fr)}
@media(max-width:620px){.card .choice{grid-template-columns:repeat(2,1fr)}}
.card .replays{margin:0;font-size:12px;color:var(--wg-text-tint)}
.card .round-tag{display:inline-block;margin-left:6px;font-size:11px;font-weight:900;color:#ffd27a}
.rules .scheme{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0 4px}
.rules .scheme span{border:1px solid var(--wg-accent-lo);border-radius:12px;padding:9px 10px;font-size:13px;line-height:1.35;background:var(--wg-s2)}
.rules .scheme b{display:block;font-size:14px}
@media(max-width:620px){.rules .scheme{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Light theme (group 1, item 12): theme tokens for the whole Duel page. */
html[data-theme="light"]{--dl-bg:var(--wg-pale);--dl-surface:#ffffff;--dl-surface-2:var(--wg-pale);--dl-line:var(--wg-pale-2);--dl-text:var(--wg-s2);--dl-muted:var(--wg-accent-lo);--dl-accent:var(--wg-accent-lo);--dl-accent-2:var(--wg-accent-lo);--dl-chip:var(--wg-pale)}
html[data-theme="light"]{color-scheme:light}
html[data-theme="light"] body.wgdf-wpage,html[data-theme="light"] body{background:linear-gradient(180deg,var(--wg-pale),var(--dl-bg) 70%);color:var(--dl-text)}
html[data-theme="light"] .top{border-bottom-color:var(--dl-line)}
html[data-theme="light"] .brand,html[data-theme="light"] .top nav a{color:var(--dl-text)}
html[data-theme="light"] .brand b,html[data-theme="light"] .top nav a:hover{color:var(--dl-accent)}
html[data-theme="light"] .balance{background:var(--dl-chip);border-color:var(--wg-accent-hi);color:var(--dl-accent-2)}
html[data-theme="light"] .hero{background:radial-gradient(circle at 75% 50%,var(--wg-pale-2) 0%,transparent 42%),linear-gradient(135deg,#ffffff,var(--wg-pale));border-color:var(--dl-line);box-shadow:0 14px 34px color-mix(in srgb,var(--wg-s4) 10.2%,transparent)}
html[data-theme="light"] .hero h1{color:var(--dl-text)}
html[data-theme="light"] .hero h1 em{color:var(--dl-accent)}
html[data-theme="light"] .hero p,html[data-theme="light"] .panel p{color:var(--dl-muted)}
html[data-theme="light"] .hero img{filter:drop-shadow(0 16px 26px color-mix(in srgb,var(--wg-accent-deep) 25.1%,transparent))}
html[data-theme="light"] .eyebrow{color:var(--dl-accent)}
html[data-theme="light"] .panel{background:linear-gradient(145deg,var(--dl-surface),var(--dl-surface-2));border-color:var(--dl-line);box-shadow:0 12px 30px color-mix(in srgb,var(--wg-s4) 7.8%,transparent);color:var(--dl-text)}
html[data-theme="light"] .panel h2,html[data-theme="light"] .card h3,html[data-theme="light"] .rules summary{color:var(--dl-text)}
html[data-theme="light"] .stakes button,html[data-theme="light"] .choice button{background:var(--dl-surface);color:var(--dl-text);border-color:var(--wg-accent-hi)}
html[data-theme="light"] .stakes button.selected,html[data-theme="light"] .choice button:hover,html[data-theme="light"] .choice button:focus-visible{background:linear-gradient(135deg,var(--wg-accent),var(--wg-accent));color:#fff;border-color:var(--wg-accent)}
html[data-theme="light"] .pool{background:var(--dl-chip);border-color:var(--wg-accent-hi);color:var(--dl-muted)}
html[data-theme="light"] .pool strong{color:var(--dl-accent-2)}
html[data-theme="light"] .quiet,html[data-theme="light"] .action{background:var(--dl-surface);border-color:var(--wg-accent-hi);color:var(--dl-accent-2)}
html[data-theme="light"] .quiet:hover,html[data-theme="light"] .action:hover{background:var(--dl-chip)}
html[data-theme="light"] .card .action.cta{background:var(--wg-accent);color:#fff;border-color:var(--wg-accent)}
html[data-theme="light"] .card{background:var(--dl-surface);border-color:var(--dl-line);color:var(--dl-text)}
html[data-theme="light"] .card .tag{color:var(--dl-accent-2);border-color:var(--wg-accent-hi);background:var(--dl-chip)}
html[data-theme="light"] .card .meta,html[data-theme="light"] .card .replays{color:var(--dl-muted)}
html[data-theme="light"] .card .round-tag{color:#9a6400}
html[data-theme="light"] .empty{border-color:var(--wg-accent-hi);color:var(--dl-muted)}
html[data-theme="light"] .status{color:var(--dl-accent-2)}
html[data-theme="light"] .status.error{color:#b4361f}
html[data-theme="light"] footer{color:var(--dl-muted)}
html[data-theme="light"] .custom-stake label{color:var(--dl-text)}
html[data-theme="light"] .stake-field input{background:var(--dl-surface);color:var(--dl-text);border-color:var(--wg-accent-hi)}
html[data-theme="light"] .stake-field input::placeholder{color:#8aa093}
html[data-theme="light"] .stake-field b{color:var(--dl-accent-2)}
html[data-theme="light"] .custom-stake small{color:var(--dl-muted)}
html[data-theme="light"] .stake-error{color:#b4361f!important}
html[data-theme="light"] .rules .scheme span{background:var(--dl-surface-2);border-color:var(--dl-line);color:var(--dl-text)}
html[data-theme="light"] :focus-visible{outline-color:var(--wg-accent-lo)}