*{box-sizing:border-box}body{margin:0;color:#174c55;background:#f4eddf;font-family:system-ui,-apple-system,sans-serif}main{max-width:1190px;margin:auto;padding:0 30px}header{display:flex;justify-content:space-between;align-items:center;padding:24px 0;border-bottom:1px solid #c7d3ce}.brand{font-size:22px;font-weight:900;letter-spacing:3px}.brand small{display:block;font-size:8px;letter-spacing:4px;margin-top:4px}header>span{font-size:8px;letter-spacing:2px;color:#6e8a87}.intro{padding:27px 0 23px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:2px;color:#c16c54}h1{font-family:Georgia,serif;font-size:clamp(30px,4vw,45px);font-weight:500;letter-spacing:-1px;margin:9px 0}p{line-height:1.6}.intro>p:last-child{font-size:14px;max-width:790px;margin-bottom:0}.layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:35px}.table{background:#0d424e;align-self:start;border-radius:15px;overflow:hidden;box-shadow:0 17px 35px #154d4e20}.table-head,.table-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#e2e9d8;padding:12px 16px;font-size:10px;letter-spacing:1px}.table-foot{letter-spacing:0;min-height:54px}.table-foot button{font-size:10px;padding:7px;background:#245c65;color:#f5e7ce;border-color:#55818a}canvas{display:block;width:100%;touch-action:none;cursor:pointer}button,select{font:inherit}button{border:1px solid #aac0bc;background:#faf4e7;color:#174c55;padding:10px 13px;border-radius:8px;cursor:pointer;font-weight:650;font-size:12px}button:hover{background:#e1e9dc}button:disabled{opacity:.45;cursor:default}button:focus-visible,canvas:focus-visible,select:focus-visible{outline:3px solid #dd9670;outline-offset:3px}aside{padding:10px 0}.scoreboard{display:flex;align-items:center;justify-content:space-around;gap:15px}.scoreboard>div{display:grid;justify-items:center}.scoreboard small{font-size:9px;letter-spacing:1px;margin-top:8px}.scoreboard strong{font-family:Georgia,serif;font-size:46px;font-weight:500;line-height:1.3}.scoreboard>span{font-family:Georgia,serif;font-style:italic;color:#83968c}.scoreboard i{width:42px;height:42px;border-radius:50%;box-shadow:0 3px 8px #1749502b}.coral{background:#d96550 url('coral.webp') center/cover}.pearl{background:#eee3ce url('pearl.webp') center/cover}.bar{height:5px;background:#d2c7ae;border-radius:6px;overflow:hidden;margin:6px 0 16px}#balance{display:block;background:#d5705b;height:100%;width:50%;transition:width .2s}#status{font-size:13px;min-height:44px;color:#55756c}label{font-size:11px;font-weight:700}select{display:block;width:100%;padding:10px;border:1px solid #abc0ba;background:#faf4e7;color:#174c55;margin:7px 0 12px;border-radius:8px;font-size:13px}.actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}#new,#again{background:#195865;color:#fff3dc;border-color:#195865}.hint{font-size:12px;color:#b27147;min-height:18px}details{border-top:1px solid #c2d0c6;padding-top:15px}summary{font-size:13px;font-weight:700;cursor:pointer}details p{font-size:12px;color:#55756c}.small{font-size:10px!important;color:#6c8a7c}#result{background:#e5e7d7;border:1px solid #c0cdbd;border-radius:12px;padding:20px;margin-bottom:19px}h2{font-family:Georgia,serif;font-weight:500;font-size:29px;margin:8px 0}#result-text{font-size:13px}footer{display:flex;justify-content:space-between;gap:15px;margin-top:30px;padding:20px 0;border-top:1px solid #c4d0c5;font-size:10px;color:#6d8880}footer a{color:inherit}[hidden]{display:none!important}@media(max-width:740px){main{padding:0 16px}header{padding:18px 0}.brand{font-size:17px}header>span{font-size:6px;letter-spacing:1px}.intro{padding-top:18px}.layout{grid-template-columns:1fr;gap:12px}.scoreboard{justify-content:center;gap:40px}.scoreboard>div{grid-template-columns:33px auto;column-gap:10px;align-items:center}.scoreboard i{grid-row:1/3;width:32px;height:32px}.scoreboard strong{font-size:33px}.scoreboard small{font-size:8px;margin:0}footer{flex-direction:column}.table-head,.table-foot{padding:11px 13px}}

#legal-choices{display:flex;gap:5px;flex-wrap:wrap;padding:10px 0}#legal-choices button{padding:7px 10px;font-size:11px}#coordinate-picker{margin-bottom:14px}