:root{--field: #041E42;--field-deep: #092a20;--pick: #14663f;--paper: #f7f8f5;--card: #ffffff;--ink: #17221d;--muted: #5d6b62;--line: #dde3dc;--gold: #d9a514;--wrong: #b3402a;--right: #1d7a46;--radius: 10px;--display: "Barlow Condensed", "Arial Narrow", sans-serif;--body: "Barlow", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%}body{font-family:var(--body);background:var(--paper);color:var(--ink);font-size:15px;line-height:1.45}h1,h2,h3,.display{font-family:var(--display);text-transform:uppercase;letter-spacing:.04em;font-weight:700;margin:0 0 .5rem}h1{font-size:1.9rem}h2{font-size:1.35rem}h3{font-size:1.1rem}a{color:var(--pick)}button{font-family:var(--body);font-size:.95rem;cursor:pointer;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);padding:.5rem .9rem}button.primary{background:var(--field);border-color:var(--field);color:#fff;font-weight:600}button.primary:hover{background:var(--field-deep)}button.danger{color:var(--wrong);border-color:var(--wrong);background:#fff}button:disabled{opacity:.5;cursor:not-allowed}input,select{font-family:var(--body);font-size:.95rem;padding:.5rem .65rem;border:1px solid var(--line);border-radius:var(--radius);background:#fff;color:var(--ink)}input:focus,select:focus,button:focus-visible{outline:2px solid var(--gold);outline-offset:1px}label{display:block;font-weight:600;margin:.6rem 0 .25rem}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.1rem}.error{color:var(--wrong);margin:.5rem 0}.ok{color:var(--right);margin:.5rem 0}.muted{color:var(--muted)}table{width:100%;border-collapse:collapse}th{font-family:var(--display);text-transform:uppercase;letter-spacing:.06em;font-size:.85rem;text-align:left;color:var(--muted);border-bottom:2px solid var(--field);padding:.45rem .6rem}td{padding:.5rem .6rem;border-bottom:1px solid var(--line)}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-wrap table{min-width:480px}@media(pointer:coarse){button,select,input{min-height:44px}}@media(max-width:640px){input,select,button,body{font-size:16px}h1{font-size:1.6rem}h2{font-size:1.2rem}th,td{padding:.4rem .45rem}.card{padding:.85rem .9rem}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}