:root{--gold:#e9bd62;--cream:#fff0c9;--wine:#510b23}*{box-sizing:border-box}body{margin:0;color:var(--cream);font-family:Georgia,serif;background:radial-gradient(ellipse at 50% 0%,#68432b 0%,#251522 48%,#100e1b 100%);min-height:100vh}button,select{cursor:pointer}button:disabled{opacity:.5;cursor:wait}.app{max-width:1450px;margin:auto;padding:15px}.top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.brand{text-align:center;flex:1}.brand small{display:block;color:#f9df9a;letter-spacing:3px}.brand h1{font-size:clamp(24px,3.3vw,48px);margin:4px 0;color:#ffd27d;text-shadow:0 3px #65182a,0 0 25px #b67b3e}.brand p{margin:0;color:#e9c887;letter-spacing:3px;font-size:12px}.btn{background:linear-gradient(#7e1534,#3b0619);color:#ffe4a6;border:2px solid #c9923b;border-radius:12px;padding:11px 15px;font:700 15px Georgia;box-shadow:inset 0 1px #f8d486,0 4px 12px #0007}.btn:hover{filter:brightness(1.2)}.main{display:grid;grid-template-columns:minmax(150px,210px) minmax(300px,1fr) minmax(240px,290px);gap:17px;margin-top:18px;align-items:start}.frame{border:7px ridge #b98436;border-radius:16px;background:linear-gradient(135deg,#60351a,#d4a64e 18%,#543019 45%,#efc676 70%,#704321);padding:8px;box-shadow:0 15px 35px #000b,0 0 35px #bc79303d;position:relative}.board{display:block;width:100%;aspect-ratio:1;background:#f6e4b8;border:3px solid #502515;border-radius:5px}.side{background:linear-gradient(145deg,#521126,#220e1b);border:2px solid #bb863b;border-radius:14px;padding:15px;box-shadow:0 10px 25px #0008}.side h2{font-size:20px;color:#ffd27d;text-align:center;margin:4px 0 15px}.player{padding:11px;margin:10px 0;border:1px solid #ad7e42;border-radius:11px;background:#2c1526;display:flex;align-items:center;gap:9px}.player.active{box-shadow:0 0 0 2px #ffe090,0 0 25px #efb84d70}.token{width:30px;height:30px;border-radius:50%;border:3px solid #ffe4a1;box-shadow:0 3px 8px #0008;flex-shrink:0}.pname{font-size:15px;font-weight:bold}.pscore{font-size:13px;color:#eacb91;margin-top:4px}.rules{font-size:14px;line-height:1.55;color:#f3dfb8}.read{border-bottom:1px solid #8d6b46;padding:13px 0}.read summary{cursor:pointer;color:#ffce74;font-weight:bold;font-size:17px}.read p{margin-bottom:0}.controls{text-align:center;padding:14px 0}.dice{display:inline-flex;vertical-align:middle;align-items:center;justify-content:center;width:64px;height:64px;background:#fff6db;color:#541326;font:56px Georgia;border-radius:13px;border:4px solid #d9a449;box-shadow:0 5px 15px #0009;margin:0 12px}.dice.rolling{animation:shake .15s infinite}@keyframes shake{50%{transform:rotate(16deg) scale(1.09)}}.roll{font-size:20px;padding:15px 27px}.status{text-align:center;min-height:45px;color:#ffe1a0;font-size:18px}.mini{font-size:12px;color:#d9bf90;text-align:center}.settings{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px;margin-top:10px}.settings select{background:#ffeac2;color:#3e1525;border:2px solid #b98a41;border-radius:7px;padding:9px}.confetti{position:fixed;pointer-events:none;inset:0;overflow:hidden;z-index:20}.confetti span{position:absolute;top:-20px;width:9px;height:15px;animation:fall 3s linear forwards}@keyframes fall{to{transform:translateY(110vh) rotate(950deg);opacity:0}}@media(max-width:950px){.main{grid-template-columns:1fr 1fr}.frame{grid-column:1/-1;grid-row:1}.side{grid-row:2}}@media(max-width:540px){.app{padding:8px}.main{gap:9px;grid-template-columns:1fr 1fr}.side{padding:9px}.side h2{font-size:16px}.player{padding:7px;gap:5px}.token{width:20px;height:20px}.pname{font-size:12px}.pscore{font-size:11px}.rules{font-size:12px}.read summary{font-size:14px}.brand h1{font-size:25px}.btn{font-size:12px;padding:9px}.dice{width:53px;height:53px;font-size:47px}.roll{font-size:16px}}