:root{--gold:#d9b45a;--gold-dim:#8a6d2c;--ink:#f1e8d0;--panel:#100d0adb;--line:#d9b45a59}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);-webkit-user-select:none;user-select:none;background:#000;margin:0;font:15px/1.4 Georgia,Times New Roman,serif;overflow:hidden}canvas#view{width:100%;height:100%;display:block;position:fixed;inset:0}.hidden{display:none!important}.screen{z-index:10;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#loading{background:radial-gradient(ellipse at center, #00000059, #000000e6), var(--loadscreen,url(/assets/ui/loadscreen_default.jpg)) center/cover}.load-box{background:var(--panel);border:1px solid var(--line);text-align:center;border-radius:6px;width:min(420px,90vw);padding:18px 20px}.load-title{color:var(--gold);margin-bottom:10px;font-size:20px}.bar{background:#ffffff14;border-radius:4px;height:8px;overflow:hidden}.bar i{background:linear-gradient(90deg, var(--gold-dim), var(--gold));width:2%;height:100%;transition:width .2s;display:block}#loadmsg{opacity:.75;margin-top:8px;font-size:13px}#bar{z-index:5;border-bottom:1px solid var(--line);background:linear-gradient(#0a0806eb,#0a080699);flex-wrap:wrap;align-items:center;gap:10px;padding:8px 14px;font:13px system-ui,sans-serif;display:flex;position:fixed;top:0;left:0;right:0}#bar .brand{color:var(--gold);margin-right:6px;font:17px Georgia,serif}#bar select,#bar button{color:var(--ink);border:1px solid var(--line);font:inherit;cursor:pointer;background:#221c14;border-radius:4px;padding:4px 9px}#bar button:hover{border-color:var(--gold)}#bar button.on{background:var(--gold-dim);border-color:var(--gold)}#bar .speed{gap:2px;display:inline-flex}#info{opacity:.65;margin-left:auto}#labels{pointer-events:none;z-index:4;position:fixed;inset:0;overflow:hidden}.ability-label{white-space:nowrap;border:1px solid var(--line);color:var(--gold);background:#100d0abf;border-radius:3px;padding:2px 8px;font:600 13px Georgia,serif;position:absolute;top:0;left:0}#result{z-index:6;letter-spacing:3px;border:1px solid var(--line);pointer-events:none;background:#0a0806cc;border-radius:6px;padding:10px 36px;font:40px Georgia,serif;position:fixed;top:18%;left:50%;transform:translate(-50%)}#result.win{color:var(--gold)}#result.lose{color:#e0473c}#result.draw{color:var(--ink)}