*{box-sizing:border-box}body{margin:0;background:#f4f0e6;color:#17231b;font-family:Arial,sans-serif}button,input,select{font:inherit}header{height:72px;background:#173c2a;color:#fff;display:flex;align-items:center;padding:0 max(15px,calc((100% - 900px)/2));gap:12px;box-shadow:0 2px 12px #0002}.logo{font:16px Georgia;line-height:14px;background:#fff;color:#111;border-radius:7px;padding:6px 10px;transform:rotate(-4deg);box-shadow:5px 0 #f8f8f8,9px 0 #d9caa2}.logo span{color:#a51d22}.brand{display:grid}.brand b{font:20px Georgia}.brand small{opacity:.7}.home{margin-left:auto;border:1px solid #ffffff55;background:#ffffff12;color:#fff;border-radius:9px;padding:9px 13px}main{max-width:900px;margin:auto;padding:32px 16px}.view{display:none}.view.active{display:block}.eyebrow{font-size:11px;font-weight:800;letter-spacing:1.5px;color:#806d35;margin:0 0 6px}h1,h2{font-family:Georgia,serif}h1{font-size:42px;margin:5px 0 8px}h2{margin:4px 0 14px}.lead{color:#606a63}.actions{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:26px 0 18px}.actions button,.choice button{background:#fff;border:1px solid #ddd5c2;border-radius:13px;padding:16px;text-align:left;color:#245a3f;font-size:22px}.actions b,.choice b{display:block;color:#17231b;font-size:15px;margin-top:7px}.actions span,.choice span{display:block;color:#777;font-size:12px;margin-top:3px}.panel,.note{background:#fff;border:1px solid #ded6c4;border-radius:15px;padding:19px;margin-top:17px}.ranking div{display:grid;grid-template-columns:42px 1fr 80px;padding:12px 4px;border-top:1px solid #eee8db}.ranking div b{text-align:right}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips button{width:43px;height:43px;border:1px solid #d9d1bf;background:#faf8f1;border-radius:9px}.choice{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form{display:grid;gap:17px}.form label{display:grid;gap:6px;font-weight:bold}.form input,.form select{width:100%;padding:12px;border:1px solid #ccc4b3;border-radius:9px;background:#fff}.label{font-weight:bold;display:block;margin-bottom:7px}.series{display:flex;gap:8px}.series button{padding:10px 15px;border:1px solid #cfc6b3;border-radius:9px;background:#faf8f2}.series .sel{background:#173c2a;color:#fff}.form small{display:block;color:#707871;margin-top:7px}.player{display:grid;grid-template-columns:1.5fr .8fr .65fr .65fr;gap:7px;margin:7px 0}.player input{min-width:0}.primary,.save{border:0;border-radius:9px;padding:12px;font-weight:bold}.primary{background:#e7efe8;color:#17452e}.save{background:#173c2a;color:#fff}.extras{display:grid;grid-template-columns:1fr 1fr;gap:10px}.timeline article{border-left:2px solid #c1a44d;padding:0 0 22px 18px}.timeline article>b{color:#8a7130}.timeline h3{margin:4px 0}.timeline p{margin:0;color:#626b64}footer{text-align:center;color:#888;padding:10px 15px 30px;font-size:11px}@media(max-width:700px){header{height:66px}.brand b{font-size:18px}main{padding:25px 14px}h1{font-size:38px}.actions{grid-template-columns:1fr 1fr}.actions button:last-child{grid-column:1/3}.choice{grid-template-columns:1fr}.player{grid-template-columns:1fr 74px 60px 60px}.extras{grid-template-columns:1fr}.panel{padding:16px 13px}}.colheads{display:grid;grid-template-columns:1.5fr .8fr .65fr .65fr;gap:7px;color:#777;font-size:11px;font-weight:bold;text-transform:uppercase;padding:0 2px}.note{line-height:1.45}.cashbox{background:#f7f4eb;border:1px solid #ddd5c2;border-radius:11px;padding:13px;display:grid;gap:9px}.cashbox>div>div{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid #e4ddce}.cashbox button{border:0;background:#e2eadf;color:#17452e;border-radius:8px;padding:10px;font-weight:bold}.cashbox strong{text-align:right;font-size:18px}
.player{grid-template-columns:1.35fr .75fr .6fr .6fr .9fr}.player select{min-width:0;padding:10px 4px;border:1px solid #ccc4b3;border-radius:9px;background:#fff}.colheads{grid-template-columns:1.35fr .75fr .6fr .6fr .9fr}.colheads:after{content:"Status"}.checkresult{border-radius:9px;padding:11px;font-size:13px}.checkresult.good{background:#e4f0e6;color:#17452e}.checkresult.bad{background:#f6e5df;color:#7b2e20}.ptest{display:flex;justify-content:space-between;gap:15px;padding:12px 4px;border-top:1px solid #eee8db}.ptest span{font-size:12px;color:#666;text-align:right}.ptest.pass b{color:#245a3f}.ptest.fail b{color:#8b2d22}@media(max-width:700px){.player{grid-template-columns:1fr 70px 55px 55px}.player .pstatus{grid-column:1/5}.colheads{grid-template-columns:1fr 70px 55px 55px}.colheads:after{display:none}.ptest{display:grid}.ptest span{text-align:left}}
.detailed .rankdetail{display:grid;grid-template-columns:36px 1fr 85px;gap:7px;align-items:center;padding:12px 4px;border-top:1px solid #eee8db}
.rankdetail>span{display:grid}.rankdetail small{color:#777;font-size:11px;margin-top:3px}.rankdetail>b:last-child{text-align:right;font-size:17px}
.legend{font-size:11px;color:#777;margin:12px 0 0}

.archiveCard{margin:12px 0;padding:14px;border:1px solid #d7d7d7;border-radius:12px;background:#fff}
.archiveCard h3{margin:0 0 6px}.archivePhoto{margin-top:10px;padding:8px;border-radius:8px;background:#f3f6f3}.muted{opacity:.65}
.archiveActions{display:flex;gap:8px;margin-top:12px}.archiveActions button{flex:1}.archiveActions .danger{background:#7d2424;color:#fff}