:root{color-scheme:dark;--bg:#0d1215;--panel:#171e22;--line:#414044;--text:#f2e7cf;--muted:#bdc2c4;--gold:#e3c485;--rust:#612d25}
*{box-sizing:border-box}html{scroll-padding-top:5rem}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.55 system-ui,sans-serif}
a{color:var(--gold);text-underline-offset:.2em}.bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem max(1rem,calc((100% - 68rem)/2));border-bottom:1px solid var(--line);background:#111719}.mark{font-family:Georgia,serif;letter-spacing:.19em;text-decoration:none;font-weight:bold}.bar nav{display:flex;gap:clamp(.5rem,2vw,1.5rem);flex-wrap:wrap}.bar nav a{font-size:.9rem;text-decoration:none}
main{max-width:70rem;padding:0 1rem 4rem;margin:auto}.hero{margin:1.5rem 0;padding:clamp(2.5rem,8vw,5.5rem) 1rem;text-align:center;border:1px solid var(--line);background:radial-gradient(ellipse at 50% 0,#34323a 0%,transparent 65%),linear-gradient(145deg,#171c22,#131817 65%,#36251f);position:relative}.hero::before,.hero::after{content:"";position:absolute;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.hero::before{top:1rem}.hero::after{bottom:1rem}.compact{padding:2rem 1rem}
h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:600;line-height:1.12}h1{font-size:clamp(2.9rem,9vw,6.8rem);letter-spacing:-.045em;margin:.65rem 0}.compact h1{font-size:clamp(2.4rem,6vw,4.8rem)}h2{font-size:clamp(1.65rem,4vw,2.4rem);margin:.2rem 0 1rem}h3{font-size:1.5rem;margin:.6rem 0;overflow-wrap:anywhere}h3 small{font-family:system-ui,sans-serif;color:var(--muted);font-size:.8rem;margin:0 .2rem}.eyebrow{color:var(--gold);font-weight:650;font-size:.75rem;letter-spacing:.22em}.hero-sub,.muted{color:var(--muted)}.prize{font:clamp(2.6rem,7vw,5.6rem)/1 Georgia,serif;color:var(--gold);margin:.2rem 0 1.4rem}
section{margin:1.5rem 0}.card{background:var(--panel);border:1px solid var(--line);padding:clamp(1rem,3vw,1.5rem);border-radius:.45rem;min-width:0}.match-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));gap:1rem}.match-top{display:flex;justify-content:space-between;gap:.6rem;align-items:start;font-size:.78rem;color:var(--muted)}.badge{background:#332c25;color:#f9db9e;padding:.2rem .5rem;border-radius:.3rem;text-align:right}.result{color:#efca84}.duel:target{outline:2px solid var(--gold)}
.fields,.actions,.roster{display:flex;flex-wrap:wrap;gap:.8rem;align-items:end}.roster{padding:.8rem 0;border-bottom:1px solid var(--line)}.roster form{margin:0}.roster input{max-width:9rem}form{margin:.75rem 0}label{display:flex;flex-direction:column;gap:.25rem;font-size:.86rem;margin-bottom:.6rem;min-width:0}input,select,button{font:inherit;border-radius:.3rem;max-width:100%;min-height:44px}input,select{width:100%;color:var(--text);background:#0d1316;border:1px solid #666160;padding:.5rem .65rem}input[type=file]{padding:.5rem .35rem;font-size:.8rem}button{cursor:pointer;background:var(--gold);color:#17120c;font-weight:700;border:1px solid var(--gold);padding:.5rem .85rem}button.secondary{background:#201e1c;color:var(--gold);border-color:#716244}summary{cursor:pointer;color:var(--gold);padding:.4rem 0}details{margin:.6rem 0}.notice{padding:.85rem 1rem;background:#372a1b;color:#f7e3b5;border-left:4px solid var(--gold)}.code{font:1rem/1.5 monospace;overflow-wrap:anywhere;user-select:all}footer{text-align:center;padding:2rem 1rem;border-top:1px solid var(--line)}li{margin:.5rem 0}:focus-visible{outline:3px solid #f1cf7c;outline-offset:3px}
.check{flex-direction:row;align-items:center;gap:.65rem}.check input{width:1.15rem;min-height:1.15rem;accent-color:var(--gold)}
