﻿:root{--background:#f6f4eb;--surface:#ffffff;--text:#172648;--primary:#174bca;--accent:#e84924;--muted:#526079;--line:#b9c1cf;--error:#a32d17;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--background);color:var(--text);font:16px/1.55 system-ui,sans-serif}header,main,footer{max-width:1280px;margin:auto;padding-inline:32px}a{color:inherit;text-underline-offset:4px}header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-block:24px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-weight:700;text-decoration:none}.brand svg{fill:none;stroke:var(--primary);stroke-width:2}.intro{display:grid;grid-template-columns:60% 40%;align-items:center;padding:48px 0}.intro>div{max-width:440px}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.1;margin:0}h1{font-size:64px;letter-spacing:-2px}h2{font-size:28px}h3{font-size:22px}.summary{font-size:21px;line-height:1.45;margin:0}.intro p:last-child{margin-bottom:0;color:var(--muted)}.workspace{display:grid;grid-template-columns:320px minmax(0,1fr);gap:32px;border-top:2px solid var(--text)}.roster-panel{padding-block:24px}.step{font:600 13px system-ui,sans-serif;color:var(--primary);display:inline-block;margin-right:12px;vertical-align:middle}.roster-panel h2{margin-bottom:24px}label{display:block;font-weight:600;margin:12px 0 8px}.hint,.privacy,#status{color:var(--muted);font-size:14px}.hint{margin:8px 0 12px}button,textarea,select{font:inherit;border-radius:0}textarea,select{width:100%;min-width:0;color:var(--text);background:var(--surface);border:1px solid var(--muted);padding:12px}textarea{resize:vertical;line-height:1.6}#roster{min-height:240px}button{min-height:46px;padding:10px 16px;border:1px solid var(--text);background:transparent;color:var(--text);cursor:pointer;font-weight:600}button:hover:enabled{background:var(--surface);border-color:var(--primary);color:var(--primary)}button:active:enabled{transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed}.primary{width:100%;display:flex;justify-content:space-between;background:var(--primary);border-color:var(--primary);color:var(--surface);margin-top:12px}.primary:hover:enabled{background:var(--text);color:var(--surface)}.actions{display:flex;gap:12px;margin-top:12px}.actions button{flex:1}.privacy{margin-top:32px;border-top:1px solid var(--line);padding-top:16px}.sheet{min-width:0;background:var(--surface);padding:24px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.neutral{font-size:13px;color:var(--muted)}#empty{padding:48px 0;max-width:430px}#empty p{color:var(--muted)}.empty-pair{display:flex;gap:24px;margin-bottom:32px}.empty-pair span{display:grid;place-items:center;width:96px;height:96px;border:1px solid var(--line);border-top:3px solid var(--primary);font:40px Georgia,serif;color:var(--line)}.empty-pair span:last-child{border-top-color:var(--accent)}.totals{display:flex;gap:32px;padding-block:24px;border-bottom:1px solid var(--line)}.totals strong{font:36px Georgia,serif;margin-right:8px;color:var(--primary)}.personal{margin:20px 0 24px}.personal label{margin-top:0}.personal select{max-width:360px;min-height:46px}#opponents{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:16px 0 0}#opponents li{background:var(--background);padding:8px 12px;font-size:14px;overflow-wrap:anywhere;max-width:100%}#opponents b{font-weight:600;margin-right:8px;color:var(--primary)}.table-scroll{max-width:100%;overflow:auto}table{border-collapse:collapse;width:100%;table-layout:fixed;min-width:560px;font-size:14px}caption{text-align:left;font-weight:600;padding:0 0 12px}th,td{text-align:left;padding:12px 8px;border-bottom:1px solid var(--line);vertical-align:top;overflow-wrap:anywhere}th{font-size:12px;color:var(--muted);font-weight:600}th:first-child{width:60px}td:first-child{font-variant-numeric:tabular-nums;color:var(--primary);font-weight:700}.export{padding-block:32px}.export .section-head{margin-bottom:20px}#report{min-height:240px;font-size:14px}.limits{display:grid;grid-template-columns:1fr 1.6fr;gap:48px;padding:40px 0;border-block:1px solid var(--line)}.limits p{margin:0 0 16px}.limits p:last-child{margin-bottom:0}.faq{padding:40px 0}.faq h2{margin-bottom:20px}details{border-top:1px solid var(--line)}summary{padding:16px 0;min-height:48px;cursor:pointer;font-weight:600}details p{max-width:85ch;margin:0 0 20px}footer{display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding-block:24px;font-size:14px}#error{color:var(--error);border-left:3px solid var(--error);padding:12px;background:var(--surface)}[aria-invalid=true]{border-color:var(--error)}:focus-visible{outline:3px solid var(--primary);outline-offset:4px}.skip{position:absolute;left:16px;top:-100px;background:var(--surface);padding:12px;z-index:2}.skip:focus{top:8px}[hidden]{display:none!important}@media(max-width:900px){.workspace{grid-template-columns:1fr;gap:0}.roster-panel{display:block}#roster{min-height:180px}.privacy{margin-top:20px}.intro{grid-template-columns:1.1fr 1fr;gap:24px}h1{font-size:56px}.sheet{border-top:1px solid var(--line)}}@media(max-width:540px){header,main,footer{padding-inline:20px}header{padding-block:20px}.brand{font-size:14px;gap:6px}.brand svg{width:30px}header>a:last-child{font-size:14px}.intro{grid-template-columns:1fr;gap:24px;padding-block:32px}h1{font-size:40px;letter-spacing:-1px}.summary{font-size:19px}h2{font-size:25px}.sheet{padding:20px 12px}.section-head{align-items:flex-start;gap:12px}.totals{gap:20px;flex-wrap:wrap}.totals strong{font-size:30px}th:first-child{width:48px}th,td{padding:10px 8px}.limits{grid-template-columns:1fr;gap:24px;padding-block:32px}footer{flex-direction:column;gap:12px}}@media(prefers-reduced-motion:no-preference){#output:not([hidden]){animation:reveal .16s ease-out}button,a{transition:color .12s,border-color .12s,background-color .12s}@keyframes reveal{from{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:none}}}
