@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;700;900&family=Inter:wght@400;600;800&display=swap');
:root{--gold:#e8bd68;--dark:#110d18}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 8%,#563223 0%,#1b1724 48%,#0c0c13 100%);color:#f9e7bb;font-family:Inter,system-ui,sans-serif;min-height:100vh}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.14;background:repeating-linear-gradient(45deg,transparent 0 28px,#d2a253 29px 30px,transparent 31px 60px)}.shell{position:relative;max-width:1480px;margin:auto;padding:18px}.mast{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:15px}.brand{display:flex;align-items:center;gap:14px}.brand img{width:74px;height:74px;object-fit:contain;border-radius:15px;background:white;border:2px solid #d4a452}.brand h1{font-family:Cinzel,Georgia,serif;font-size:clamp(23px,3vw,40px);margin:0;letter-spacing:.05em;color:#ffdb8b;text-shadow:0 2px 13px #000}.brand small{font-size:11px;letter-spacing:.28em;color:#c6a56b}.tag{font-family:Cinzel,serif;color:#edc779;font-size:13px}.layout{display:grid;grid-template-columns:minmax(170px,235px) minmax(320px,1fr) minmax(195px,260px);gap:15px;align-items:start}.panel{background:linear-gradient(135deg,#271c22f2,#100f19f7);border:2px solid #99703a;box-shadow:inset 0 0 0 2px #38281c,0 12px 30px #0008;border-radius:17px;padding:17px}.panel h2{font:700 19px Cinzel,serif;color:#f7d48e;margin:0 0 14px;text-align:center}.control{display:block;width:100%;padding:12px;border-radius:10px;border:1px solid #a47d49;background:#251f29;color:#fff1ce;font-weight:700;font-size:14px;margin-bottom:9px;cursor:pointer}.control:focus-visible,.gold:focus-visible{outline:3px solid #fff}.gold{cursor:pointer;background:linear-gradient(#fff1b0,#e2a647 42%,#9a551e);border:2px solid #fbe4a4;color:#43180f;font:900 17px Cinzel,serif;text-shadow:0 1px #fff7;border-radius:12px;padding:15px 10px;width:100%;box-shadow:0 4px 0 #6e3516,0 8px 15px #0007}.gold:disabled{filter:grayscale(.6);opacity:.55;cursor:not-allowed}.animal{display:flex;align-items:center;gap:10px;padding:11px 9px;margin:8px 0;border:1px solid #58463b;border-radius:10px;background:#1b1a24;transition:.2s}.animal.active{border-color:#ffe29c;background:#42301f;box-shadow:0 0 16px #ffca6255}.animal .symbol{font-size:26px}.animal strong{display:block;font-size:13px}.animal small{color:#d1b99c;font-size:10px}.board-wrap{padding:12px;border:5px ridge #d7a956;border-radius:20px;background:repeating-linear-gradient(90deg,#5e2b17 0 12px,#a66a2b 13px 20px,#5b2d18 21px 32px);box-shadow:0 22px 60px #000c,0 0 45px #dba24b29}.ornament{font:700 13px Cinzel,serif;letter-spacing:.2em;text-align:center;color:#f7dba0;margin:3px 0 10px}.board{display:block;width:100%;aspect-ratio:1;background:#fff7e7;box-shadow:0 0 0 3px #e6bc6d,0 4px 20px #0008;touch-action:manipulation;cursor:pointer}.underboard{display:flex;justify-content:center;gap:10px;align-items:center;padding-top:13px;font:700 12px Cinzel,serif}.status{padding:13px;border:1px solid #805b33;border-radius:10px;background:#211922;text-align:center;line-height:1.5;font-weight:700;min-height:69px}.die{width:100px;height:100px;margin:16px auto;background:radial-gradient(circle at 30% 20%,#fff8c3,#e0ac52 55%,#78431d);border:4px ridge #fff0ad;border-radius:24px;display:grid;place-items:center;box-shadow:0 12px 0 #693916,0 18px 25px #000a;position:relative;transform-style:preserve-3d}.die .face{font-size:51px;color:#392018;font-weight:900;text-shadow:0 1px #fff}.die .badge{position:absolute;top:-14px;right:-12px;border-radius:50%;padding:5px 8px;background:#251a1d;border:2px solid #e8bb65;font-size:26px}.die.rolling{animation:tumble .75s cubic-bezier(.3,.2,.4,1)}@keyframes tumble{0%{transform:rotate(0) scale(1)}35%{transform:rotate(160deg) scale(1.22)}70%{transform:rotate(300deg) scale(.93)}100%{transform:rotate(360deg) scale(1)}}.tip{font-size:12px;color:#d8bd8c;line-height:1.7;text-align:center}.info{margin-top:15px}.info summary{cursor:pointer;font:700 15px Cinzel,serif;color:#f6d58f}.info p{font-size:13px;line-height:1.7;color:#e8d4b2}.pill{border:1px solid #b98946;border-radius:30px;padding:6px 10px;font-size:11px}.footer{text-align:center;color:#bba581;padding:22px 0;font-size:11px;letter-spacing:.08em}.flash{animation:flash .6s ease}@keyframes flash{50%{filter:brightness(1.7)}}@media(max-width:1050px){.layout{grid-template-columns:minmax(0,1fr) 240px}.left{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px;align-items:center}.left h2{width:100%;margin:0}.left .animal{flex:1 1 135px;margin:0}.left .control{width:auto;flex:1 1 140px;margin:0}.board-wrap{grid-column:1}}@media(max-width:650px){.shell{padding:9px}.mast{gap:8px}.brand img{width:52px;height:52px}.tag{display:none}.layout{display:flex;flex-direction:column;gap:10px}.board-wrap{width:100%;padding:7px;border-width:3px}.panel{width:100%;padding:12px}.right{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:center}.right h2{grid-column:1/-1;margin:0}.right .die{margin:6px auto;width:82px;height:82px}.right .status,.right .tip,.right .info{grid-column:1/-1}.left .animal{flex:1 1 42%;padding:7px}.left .animal .symbol{font-size:21px}.underboard{font-size:10px}}