:root{font-family:system-ui,sans-serif;color:#f7efd9;background:#102f36}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 25% 40%,#24575b,#0b242c 75%);min-height:100vh}header{display:flex;justify-content:space-between;align-items:center;padding:25px 4vw;border-bottom:1px solid #ffffff1c}h1{font-family:Georgia,serif;font-size:32px;margin:5px 0}h1 i{font-size:16px;font-weight:400;color:#b9c6bd}h2{font:27px Georgia,serif;margin:12px 0 20px}.eyebrow{font-size:10px;letter-spacing:2.5px;color:#e2bb7a}button,summary{cursor:pointer}button{font:inherit;color:inherit;border:1px solid #72918a;border-radius:9px;padding:10px 14px;background:#ffffff0b}button:hover,button:focus-visible{background:#ddb572;color:#172f30;outline:2px solid #f2d79d}button:disabled{opacity:.4;cursor:default}nav,#tools{display:flex;gap:8px}main{max-width:1500px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 345px;gap:20px;padding:22px 3vw}.table{min-width:0}#seats{display:flex;gap:10px}.seat{flex:1;padding:13px;border:1px solid #ffffff25;background:#102d3388;border-radius:10px;font-size:12px}.seat.active{border-color:#e7c78f}.seat strong{display:block;font-size:16px;margin:4px 0}#message{min-height:55px;text-align:center;padding:18px;font:17px Georgia,serif;color:#eed2a0}svg{width:100%;max-height:68vh;display:block;filter:none}svg text{pointer-events:none;font:700 17px system-ui;text-anchor:middle;dominant-baseline:middle}svg .target{cursor:pointer;stroke:#f9d99b;stroke-width:4;fill:#fbebad99}svg .target:hover,svg .target:focus{stroke:#fff;fill:#fff}svg .suggested{stroke:#fff!important;stroke-width:8!important}.legend{text-align:center;color:#c1d1c9;font-size:12px;line-height:1.8}aside{background:#f3e7cd;color:#2a403b;border-radius:17px;padding:25px;box-shadow:0 12px 30px #061b2366}aside .eyebrow{color:#8c602c}aside button{border-color:#a79d7d;background:#fff6;color:#294139}#hand{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin:15px 0}.resource{text-align:center;background:#e6d8b6;border-radius:9px;padding:9px 0;font-size:11px}.resource b{display:block;font:23px Georgia,serif;margin-top:3px}#dice{font-size:15px;margin:15px 0;color:#725535}#tools{flex-wrap:wrap}#tools button{font-size:11px;padding:8px}#actions{display:grid;gap:7px;margin:20px 0;max-height:360px;overflow:auto;padding:2px}#actions button{text-align:left;font-size:13px;background:#fff8}.group{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:10px}.group button{font-size:11px;padding:7px}.group .selected{background:#214c4e!important;color:#fff!important}details{border-top:1px solid #ad9e7b;padding:15px 0;font-size:12px;line-height:1.8}summary{font-weight:700}footer{font-size:10px;line-height:1.7;color:#776d55;margin-top:20px}a{color:inherit}dialog{max-width:520px;border:1px solid #b59d6d;border-radius:20px;padding:32px;background:#f3e7cd;color:#294139;line-height:1.7}dialog::backdrop{background:#03171cd9}dialog button{background:#214c4e;color:#fff}#log{padding-left:20px;max-height:160px;overflow:auto}@media(max-width:850px){header{padding:18px}h1{font-size:25px}h1 i{display:block;margin-top:5px}nav{flex-direction:column}nav button{font-size:11px;padding:7px}main{grid-template-columns:1fr;padding:12px;gap:16px}svg{max-height:none}.seat{padding:8px;font-size:10px}.seat strong{font-size:14px}aside{padding:20px}#actions{max-height:270px}}