:root{--stone:#1d2330;--stone-2:#2a3142;--limewash:#e8e0c8;--dim:#b8ae94;--gold:#c8a24a;--red:#9e2b2f;--moss:#4e6b3a;--serif:"IM Fell English", Georgia, serif;--serif-sc:"IM Fell English SC", Georgia, serif}*{box-sizing:border-box}html,body{background:var(--stone);height:100%;color:var(--limewash);font:18px/1.5 var(--serif);margin:0;overflow:hidden}.court{position:fixed;inset:0}.veil{background:#10131b8c;place-items:start center;padding:0 16px;display:grid;position:fixed;inset:0}.veil[hidden]{display:none}.banner{background:linear-gradient(180deg, var(--red) 0%, #7e2125 100%);clip-path:polygon(0 0,100% 0,100% 100%,50% calc(100% - 2.6rem),0 100%);text-align:center;border-top:6px solid var(--gold);width:min(26rem,100%);padding:2.4rem 2rem 4.2rem;box-shadow:0 18px 40px #00000073}.banner h1{font:400 2.3rem/1.05 var(--serif-sc);letter-spacing:.02em;color:#f3e3b0;text-shadow:0 2px #00000059;margin:0 0 .6rem}.lede{color:#f0dcc0;max-width:22rem;margin:0 auto 1.4rem}.banner label{color:#f0dcc0;margin-bottom:.3rem;font-style:italic;display:block}.banner input{width:100%;font:inherit;text-align:center;color:var(--stone);border:2px solid var(--gold);background:#f3ead2;border-radius:2px;padding:.5rem .7rem;font-size:1.15rem}.banner button{width:100%;font:1.2rem var(--serif-sc);color:var(--stone);background:var(--gold);cursor:pointer;border:none;border-radius:2px;margin-top:1rem;padding:.6rem 1rem}.banner button:disabled{opacity:.7;cursor:wait}.banner input:focus-visible,.banner button:focus-visible{outline-offset:2px;outline:3px solid #f3e3b0}.hint{color:#e6c9b0;margin:1rem 0 0;font-size:.9rem}.error{color:#ffe1a6;min-height:1.5em;margin:.6rem 0 0;font-style:italic}.roll{border-left:3px solid var(--gold);background:#1d2330d1;min-width:10rem;max-width:45vw;padding:.6rem .9rem;position:fixed;top:12px;right:12px}.roll h2{font:1rem var(--serif-sc);color:var(--gold);margin:0 0 .2rem}.roll ol{margin:0;padding-left:1.2rem;font-size:.95rem}.status{max-width:calc(100vw - 24px);color:var(--dim);text-shadow:0 1px 2px #000;margin:0;font-style:italic;position:fixed;bottom:12px;left:12px}@media (max-width:520px){.banner{padding:1.8rem 1.2rem 3.6rem}.banner h1{font-size:1.9rem}.roll{font-size:.85rem}}