:root{color-scheme:dark;--bg:#201a16;--panel:#2c241e;--gold:#d9ba78;--ink:#f4ecd9;--muted:#c0b29c;--ruby:#a52340;--emerald:#18735b;--sapphire:#285b9b;--amber:#ba7817}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 40% 20%,#403329 0%,#211a16 65%);color:var(--ink);font:15px/1.5 system-ui,-apple-system,Segoe UI,sans-serif;min-height:100vh}header{max-width:1440px;margin:auto;padding:25px 38px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #6c573744;gap:20px}.brand{display:flex;gap:15px;text-decoration:none;color:var(--ink);font:26px Georgia,serif;letter-spacing:4px}.brandmark{color:var(--gold);font-size:42px;line-height:1}.brand small{font:9px/2 system-ui;letter-spacing:3px;display:block;color:var(--gold)}nav{display:flex;gap:7px}button,input,select{font:inherit}button{border:1px solid #88704470;background:#3a3026;color:var(--ink);border-radius:7px;padding:10px 16px;cursor:pointer;min-height:44px;transition:background .15s,transform .15s}button:hover:not(:disabled){background:#514232;border-color:var(--gold)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #ffda82;outline-offset:4px}nav button{background:transparent;border-color:transparent;color:#dfd1ba}.primary{background:linear-gradient(#e3c88b,#c5a461);color:#271d13;font-weight:700;border:1px solid #eed5a0;box-shadow:0 3px 12px #0002}.primary:hover:not(:disabled){background:#f0d597}.wide{width:100%}main{max-width:1440px;margin:auto;display:grid;grid-template-columns:minmax(400px,1fr) 310px;gap:34px;padding:24px 38px 30px;align-items:start}.table{min-width:0;max-width:910px}.table-caption{font-size:10px;letter-spacing:2px;color:var(--muted);display:flex;justify-content:space-between;gap:10px;margin-bottom:17px}#boardWrap{filter:drop-shadow(0 20px 20px #0006)}#board{width:100%;display:block;overflow:visible}.table-foot{display:flex;justify-content:center;gap:25px;color:var(--muted);font-size:11px;margin:20px 0}aside{display:flex;flex-direction:column;gap:18px;padding-top:28px}aside section,details.history{background:linear-gradient(140deg,#3b3025aa,#28211bcc);border:1px solid #8d714c40;border-radius:12px;padding:21px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--gold)}h1{font:32px/1.15 Georgia,serif;margin:11px 0 20px}h2{font:22px Georgia,serif;margin:0 0 16px}aside h2{font:11px system-ui;text-transform:uppercase;letter-spacing:2px;color:var(--gold)}#connection{font-size:11px;color:#d0c3aa;padding-left:3px}#connection.offline{color:#ffd388}#message{min-height:45px;font-size:13px;color:#e2d6c0;line-height:1.6;margin:15px 0 8px}.dice{display:flex;justify-content:center;gap:16px;margin:19px 0 23px}.die{width:65px;height:65px;padding:12px;border-radius:12px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:3px;background:linear-gradient(140deg,#fff9e9,#e5d6b5);box-shadow:inset 2px 2px 2px #fff, inset -2px -3px 3px #a98c5e,0 5px 0 #b49e7b,0 8px 12px #0005}.pip{border-radius:50%;background:#392b24;box-shadow:inset 1px 1px 1px #0005}.dice.rolling .die{animation:roll .48s ease-out}.dice.rolling .die:nth-child(2){animation-direction:reverse}@keyframes roll{0%{transform:rotate(-25deg) translateY(-8px)}35%{transform:rotate(22deg) translateY(-15px)}70%{transform:rotate(-10deg) translateY(-4px)}100%{transform:rotate(0)}}.players{display:grid;gap:14px}.player{display:grid;grid-template-columns:31px 1fr auto;gap:9px;align-items:center;border-radius:5px}.player.active{background:#ddbd7920;box-shadow:0 0 0 7px #ddbd7920}.badge{width:28px;height:28px;border:1px solid #f8e4b888;border-radius:50%;display:grid;place-items:center;color:white;text-shadow:0 1px 2px #000;font-weight:bold}.player strong{font-size:13px}.player small{display:block;color:var(--muted);font-size:10px}.progress{font:12px Georgia;color:var(--gold)}.pieces{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:12px}.pieces button{padding:6px 3px;font-size:13px;border-width:2px}.pieces button.selected{outline:2px solid var(--gold);outline-offset:2px}.pieces small{display:block;font-size:9px}.portion{display:inline-block;border:1px solid #a98d55;border-radius:5px;padding:2px 8px;margin:3px;font-size:12px}.portions-label{font-size:11px;color:var(--muted)}#choices{display:grid;gap:7px;margin-top:12px}#choices button{text-align:left;font-size:12px;padding:9px 12px}.history{font-size:12px}summary{cursor:pointer;color:var(--gold);min-height:24px}.history ol{padding-left:19px;max-height:210px;overflow:auto;color:var(--muted)}.history li{margin:9px 0}.history li:last-child{color:var(--ink)}footer{max-width:1440px;padding:20px 38px;margin:auto;border-top:1px solid #6c573744;color:var(--muted);font-size:10px;display:flex;justify-content:space-between;gap:10px}dialog{color:var(--ink);background:linear-gradient(135deg,#3d3125,#251d17);border:1px solid #a28451;border-radius:14px;box-shadow:0 25px 100px #000b;padding:30px;width:min(94vw,590px);max-height:90vh;overflow:auto}dialog::backdrop{background:#100e0bd9;backdrop-filter:blur(5px)}dialog h2{font-size:32px;margin:8px 0 22px}.dialogtop{display:flex;align-items:center;justify-content:space-between}.close{font-size:25px;padding:0;min-width:44px;background:transparent;border:0}label{display:block;font-size:12px;color:#e5d7bc;margin:15px 0}input:not([type=checkbox]):not([type=radio]),select{display:block;background:#211c17;color:var(--ink);border:1px solid #8d714c88;border-radius:6px;padding:10px 12px;width:100%;margin:6px 0;min-height:44px}select{padding-right:4px}.check{display:flex;align-items:center;gap:12px;font-size:15px}.check input{width:22px;height:22px;accent-color:var(--gold)}.tabs{display:flex;flex-wrap:wrap;gap:8px}.tabs label{background:#201a16;border:1px solid #8d714c77;border-radius:7px;padding:10px;margin:0;flex:1;white-space:nowrap}.tabs input{accent-color:var(--gold)}.seat-row{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:9px;padding:10px 0;border-bottom:1px solid #8d714c40}.seat-row label{margin:0}.seat-row .color-label{grid-column:1/-1;font-size:11px;color:var(--gold)}.muted,dialog p{color:var(--muted);font-size:13px}.divider{text-align:center;font-size:10px;letter-spacing:2px;color:var(--muted);margin:21px 0 12px}a{color:#eed39b}#rulesText h3{font:19px Georgia;margin:20px 0 5px}#rulesText p{line-height:1.7}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:100;background:#f0deb8;color:#2a1d12;padding:14px 24px;border-radius:8px;max-width:90%;box-shadow:0 6px 24px #0006}#lobbySeats p{font-size:12px;border-bottom:1px solid #8d714c40;padding-bottom:10px}#lobbySeats button{font-size:11px;margin-top:5px;width:100%}.pawn{cursor:pointer;outline:none}.pawn:focus-visible .focus-ring{opacity:1}.pawn .focus-ring{opacity:0}.pawn.legal .focus-ring{opacity:.85;stroke-dasharray:3 3}.pawn.legal{filter:drop-shadow(0 0 3px #f2bf53)}.destination{cursor:pointer}.arrived{animation:arrive .7s ease-out}@keyframes arrive{50%{filter:brightness(1.6)}}body.reduced *,body.reduced *::before,body.reduced *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}[hidden]{display:none!important}
@media(min-width:1600px){main{grid-template-columns:minmax(400px,1fr) 330px}h1{font-size:36px}}
@media(max-width:1000px){header{padding:18px 22px}.brand{font-size:21px;letter-spacing:3px}main{padding:22px;gap:22px;grid-template-columns:minmax(330px,1fr) 270px}aside section{padding:16px}.table-caption{font-size:8px;letter-spacing:1px}.table-foot{gap:13px;font-size:10px}}
@media(max-width:760px){header{padding:17px 15px;flex-wrap:wrap;gap:12px}.brand{font-size:23px}nav{width:100%;justify-content:space-between;gap:0}nav button{font-size:12px;padding:8px}main{display:block;padding:16px 10px}.table-caption{margin:0 6px 12px}.table-foot{margin:13px 0 17px}aside{padding:0 5px;display:grid;grid-template-columns:1fr;gap:13px}#connection{grid-column:1/-1}.turncard{display:grid;grid-template-columns:1fr 145px;gap:0 15px}.turncard .eyebrow{grid-column:1}.turncard h1{font-size:26px;margin:7px 0 13px}.dice{grid-column:2;grid-row:1/4;margin:10px 0;align-items:center;gap:12px}.die{height:57px;width:57px;padding:10px}#roll{grid-column:1}#message,#remaining,#pieces,#choices{grid-column:1/-1}#message{min-height:0}#choices{grid-template-columns:repeat(2,1fr)}.players{grid-template-columns:repeat(2,1fr);gap:17px}.player{grid-template-columns:24px 1fr auto;gap:6px}.badge{width:23px;height:23px}.pieces button{min-height:51px}.pieces small{font-size:11px}.table{max-width:620px;margin:auto}footer{padding:20px;display:block}footer span{display:block;margin-top:7px}dialog{padding:20px}.seat-row{grid-template-columns:1.1fr 1fr 1fr;gap:5px}.seat-row input,.seat-row select{font-size:12px;padding:9px 5px}.tabs{gap:5px}.tabs label{padding:9px 6px;font-size:11px}}
@media(prefers-reduced-motion:reduce){*:not(body.motion-override *){animation:none!important;transition:none!important}}
.victory{animation:victory .8s ease-in-out 3}@keyframes victory{50%{filter:drop-shadow(0 0 24px #e9bc62aa)}}