:root{font-family:Arial,"PingFang SC",sans-serif;color:#17222b;background:#f4f0e7;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:linear-gradient(90deg,transparent 49.8%,rgba(26,51,57,.035) 50%,transparent 50.2%),#f4f0e7}button,select,input{font:inherit}header{height:78px;padding:0 max(24px,calc((100% - 1180px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #c9c4b7}.logo{font:bold 23px Georgia;letter-spacing:.08em}.logo span{font:10px Arial;letter-spacing:.16em;margin-left:12px;color:#6c746f}.session{font:11px monospace;color:#56635f}.session i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#4e9482;margin-right:7px}main{max-width:1180px;margin:auto;padding:54px 24px 70px}.intro{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.kicker{font:10px monospace;color:#bd5b49;letter-spacing:.15em}.intro h1{font:normal clamp(38px,6vw,74px) Georgia;margin:10px 0 12px;line-height:.95}.intro h1 em{color:#dc684f;font-weight:normal}.intro p{margin:0;color:#69716d;line-height:1.6}.intro button{background:transparent;border:1px solid #293b3c;padding:12px 18px;cursor:pointer}.tank-card{border:1px solid #293b3c;background:#dae5dd;box-shadow:8px 8px 0 #273d3e}.tank-head{height:64px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #293b3c}.tank-head b,.tank-head span{display:block}.tank-head>div>span{font-size:11px;color:#687470;margin-top:4px}.legend{display:flex;gap:17px;font:10px monospace}.legend span{display:inline!important}.legend i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}.a{background:#e9785e}.b{background:#2d858d}.c{background:#e2bc45}.tank{height:360px;position:relative;overflow:hidden;background:linear-gradient(#dceae4,#bed4ce);filter:saturate(.9)}.tank:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 59px,rgba(25,59,60,.06) 60px);pointer-events:none}.waterline{position:absolute;left:0;right:0;top:24px;border-top:2px dashed rgba(42,93,94,.2)}.feeder{position:absolute;right:10%;top:44%;z-index:3;text-align:center}.feeder i{display:block;width:23px;height:23px;border:2px solid #293b3c;border-radius:50%;background:#fbf7ed;box-shadow:0 0 0 9px rgba(255,255,255,.3)}.feeder span{display:block;font:9px monospace;margin:12px 0 0 -25px;white-space:nowrap}.fish{position:absolute;width:32px;height:15px;border-radius:55% 45% 45% 55%;z-index:2;transition:transform .1s linear}.fish:before{content:"";position:absolute;left:-9px;top:2px;border-right:11px solid currentColor;border-top:6px solid transparent;border-bottom:6px solid transparent}.fish:after{content:"";position:absolute;right:6px;top:4px;width:3px;height:3px;background:#17222b;border-radius:50%}.roundBadge{position:absolute;left:20px;top:20px;font:10px monospace;letter-spacing:.15em;border:1px solid #506d6d;padding:7px 10px}.timeline{height:34px;border-top:1px solid #293b3c;position:relative;display:flex;justify-content:space-between;padding:10px 14px;font:9px monospace}.timeline i{position:absolute;left:0;top:-2px;height:3px;width:0;background:#dc684f}.controls{display:grid;grid-template-columns:1fr 1.35fr;margin-top:52px;border-top:1px solid #b6b0a2;border-bottom:1px solid #b6b0a2}.conditions,.ranking{padding:26px 24px;display:grid;grid-template-columns:38px 1fr;gap:15px}.conditions{border-right:1px solid #b6b0a2}.section-num{font:11px monospace;color:#bd5b49}.controls h2{font:normal 24px Georgia;margin:0 0 5px}.controls p{font-size:12px;color:#727772;margin:0}.conditions label{grid-column:2;display:grid;grid-template-columns:55px 28px 1fr;align-items:center;font-size:12px}.conditions input{accent-color:#dc684f}.rank-selects{grid-column:2;display:flex;gap:8px}.rank-selects label{flex:1}.rank-selects span{display:block;font:9px monospace;color:#727772;margin-bottom:5px}.rank-selects select{width:100%;background:#faf7ef;border:1px solid #a9a597;padding:9px}.ranking>button{grid-column:2;background:#dc684f;color:white;border:0;padding:12px;cursor:pointer}.results{padding-top:70px}.hidden{display:none}.result-title{display:flex;justify-content:space-between}.result-title h2{font:normal 38px Georgia;margin:8px 0}.score-ring{width:96px;height:96px;border:8px solid #e2a241;border-radius:50%;display:grid;place-content:center;text-align:center}.score-ring b{font:28px Georgia}.score-ring span{font-size:9px}.charts{display:grid;grid-template-columns:1.25fr .8fr 1fr;border:1px solid #b6b0a2;margin-top:25px}.charts article{min-width:0;padding:18px;border-right:1px solid #b6b0a2}.charts article:last-child{border:0}.charts h3{font-size:12px;margin:0 0 15px}.charts h3 span{float:right;color:#85877f;font-weight:normal}canvas{width:100%;height:190px}.error-bars{height:190px;display:flex;align-items:end;justify-content:space-around;gap:12px}.err{flex:1;text-align:center;font:10px monospace}.err i{display:block;background:#dc684f;margin:0 auto 8px;width:70%;min-height:4px}.err b{display:block;margin-bottom:4px}details{border-bottom:1px solid #b6b0a2}summary{list-style:none;padding:20px 4px;cursor:pointer;font-size:13px}summary span{float:right;color:#bd5b49}#detailsBody{padding:0 4px 24px;font:12px/1.7 monospace;color:#5f6863;overflow:auto}footer{display:grid;grid-template-columns:140px 1fr;margin-top:55px;padding-top:22px;border-top:3px solid #263c3d}footer p{margin:0;color:#69716d;font-size:12px;line-height:1.7}@media(max-width:780px){header{padding:0 18px}.logo span{display:none}main{padding:35px 16px}.intro{align-items:start}.intro button{padding:9px}.tank{height:300px}.legend{display:none}.controls{grid-template-columns:1fr}.conditions{border:0;border-bottom:1px solid #b6b0a2}.rank-selects{flex-wrap:wrap}.charts{grid-template-columns:1fr}.charts article{border-right:0;border-bottom:1px solid #b6b0a2}.result-title h2{font-size:30px}footer{grid-template-columns:1fr;gap:10px}}