:root{color:#f5ead7;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#10251f;font:16px/1.5 Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{color:#17251f;cursor:pointer;background:#d8a441;border:0;border-radius:.5rem;padding:.75rem 1rem;font-weight:800}button:disabled{cursor:not-allowed;opacity:.45}button.secondary{background:#e9dfcb}input{width:100%;color:inherit;background:#18332b;border:1px solid #658077;border-radius:.5rem;padding:.7rem .8rem}label{gap:.4rem;font-weight:700;display:grid}h1,h2,p{margin-top:0}h2{margin-bottom:.8rem;font-size:1rem}h1{margin-bottom:.35rem;font-family:Georgia,serif;font-size:clamp(2.2rem,7vw,4.5rem);line-height:1}.home,.lobby{width:min(52rem,100% - 2rem);margin:0 auto;padding:5rem 0 2rem}.home{grid-template-columns:1fr minmax(18rem,24rem);align-items:center;gap:2rem;min-height:100vh;padding-top:2rem;display:grid}.card{background:#173229;border:1px solid #36554b;border-radius:.8rem;padding:1.5rem;box-shadow:0 1rem 3rem #06120d55}.hero{box-shadow:none;background:0 0;border:0}.eyebrow{color:#d8a441;letter-spacing:.16em;text-transform:uppercase;margin-bottom:.5rem;font-size:.75rem;font-weight:900}.forms{gap:1rem;display:grid}.forms form{display:grid}.divider{color:#9eb3ab;text-transform:uppercase;align-items:center;gap:.8rem;font-size:.8rem;display:flex}.divider:before,.divider:after{content:"";background:#36554b;flex:1;height:1px}.join{grid-template-columns:1fr auto;gap:.6rem}.error{color:#ffb4a8;margin:.75rem 0 0}.lobby{gap:1rem;display:grid}.lobbyHeader,.sectionTitle,.lobbyActions,.players li{justify-content:space-between;align-items:center;gap:1rem;display:flex}.lobbyHeader h1{letter-spacing:.08em;font-size:2.5rem}.status{text-transform:capitalize;background:#704f2e;border-radius:10rem;padding:.35rem .7rem;font-size:.8rem}.status.connected{background:#236241}.players{gap:.7rem;margin:0;padding:0;list-style:none;display:grid}.players li{border-top:1px solid #29483e;justify-content:flex-start;padding-top:.7rem}.dot{background:#66736f;border-radius:50%;width:.65rem;height:.65rem}.dot.online{background:#55c878}.tag{color:#b9cdc5;text-transform:uppercase;border:1px solid #58756b;border-radius:10rem;padding:.1rem .45rem;font-size:.7rem}.center{place-items:center;min-height:100vh;display:grid}.game{width:min(88rem,100% - 2rem);margin:0 auto;padding:1rem 0 2rem}.topBar{border-bottom:1px solid #36554b;grid-template-columns:1fr 1fr auto;align-items:center;gap:1rem;margin-bottom:1rem;padding:.7rem 0 1rem;display:grid;position:relative}.topBar p{margin-bottom:.2rem}.topBar>div:nth-child(2){text-align:center;display:grid}.topBar small{color:#9eb3ab;text-transform:capitalize}.banner{z-index:2;background:#704f2e;border-radius:.4rem;padding:.4rem .7rem;position:absolute;top:100%;right:0}.banner.error{background:#6f3028}.gameGrid{grid-template-columns:minmax(38rem,2fr) minmax(19rem,1fr);align-items:start;gap:1rem;display:grid}.board{grid-template-columns:repeat(12,minmax(2.4rem,1fr));gap:.25rem;padding:.7rem;display:grid}.boardCell{aspect-ratio:1;color:#9eb3ab;cursor:default;opacity:1;background:#10251f;border:1px solid #36554b;border-radius:.25rem;min-width:0;padding:.2rem}.boardCell small{font-size:clamp(.48rem,.8vw,.68rem);font-weight:500;display:block;overflow:hidden}.boardCell b{color:var(--chain,#f5ead7);font-size:clamp(.8rem,1.5vw,1.25rem)}.boardCell:has(b:not(:empty)){border-color:var(--chain,#82968f);background:color-mix(in srgb, var(--chain,#82968f) 18%, #10251f)}.boardCell.loose{color:#fff;background:#50635d}.boardCell.placed{box-shadow:inset 0 0 0 2px #fff}.boardCell.highlighted{outline-offset:1px;outline:3px solid #d8a441}.sidePanel{gap:1rem;display:grid}.compact{padding:1rem}.chainTable,.chainTable>div{grid-template-columns:1.3fr .5fr .7fr .45fr repeat(var(--seats,1), .45fr);align-items:center;gap:.4rem;display:grid}.chainTable>div{border-top:1px solid #29483e;grid-column:1/-1;padding:.35rem 0;font-size:.82rem}.chainTable .tableHead{color:#9eb3ab;text-transform:uppercase;border:0;font-size:.68rem}.chainTable .tableHead span{text-overflow:ellipsis;overflow:hidden}.chainTable .tableHead .me{color:#d8a441}.chainTable strong{align-items:center;gap:.35rem;display:flex}.chainTable i{background:var(--chain);border-radius:50%;width:.55rem;height:.55rem}.chainTable small{color:#d8a441}.chainTable .maj{color:#d8a441;font-weight:800}.chainTable .min{color:#55c878;font-weight:700}.players .activePlayer{border-left:3px solid #d8a441;padding-left:.45rem}.playerMeta{color:#9eb3ab;margin-left:auto;font-size:.75rem}.eventLog{max-height:18rem;overflow:auto}.eventLog ol{color:#b9cdc5;gap:.45rem;margin:0;padding-left:1.2rem;font-size:.8rem;display:grid}.turnPanel{grid-template-columns:1.5fr 1fr;gap:1.5rem;margin-top:1rem;display:grid}.rack{flex-wrap:wrap;gap:.5rem;display:flex}.rack button{background:#e9dfcb;border:2px solid #0000;min-width:4.2rem;display:grid}.rack button small{text-transform:capitalize;font-size:.65rem;font-weight:500}.rack button.selected{border-color:#d8a441;transform:translateY(-.2rem)}.actions{align-content:start;gap:.7rem;display:grid}.actions .hint{color:#9eb3ab}.actions h2,.actions p{margin-bottom:0}.choices,.confirm{flex-wrap:wrap;gap:.5rem;display:flex}.textButton{color:#e7bd69;background:0 0;justify-self:start;padding:.3rem 0}.buyStock{gap:.55rem;display:grid}.buyRow{grid-template-columns:1fr 2.2rem 1.5rem 2.2rem;align-items:center;gap:.35rem;display:grid}.buyRow span{display:grid}.buyRow small{color:#9eb3ab}.buyRow button{padding:.3rem}.buyRow b{text-align:center}.check{grid-template-columns:auto 1fr;align-items:center;font-size:.85rem;display:flex}.check input{width:auto}.gameOver{gap:.8rem;margin-top:1rem;display:grid}.gameOver ol{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.gameOver li{border-top:1px solid #29483e;align-items:baseline;gap:.6rem;padding-top:.5rem;display:flex}.gameOver li b{margin-left:auto}.gameOver li.winner strong{color:#d8a441}.devSeed{color:#9eb3ab;align-items:center;gap:.5rem;font-size:.8rem;display:flex}.devSeed input{width:12rem}@media (width<=900px){.gameGrid{grid-template-columns:1fr}.sidePanel{grid-template-columns:1fr 1fr}.eventLog{grid-column:1/-1}.turnPanel{grid-template-columns:1fr}}@media (width<=700px){.home{grid-template-columns:1fr;align-content:center}.hero{padding-bottom:0}.lobbyActions{flex-direction:column;align-items:stretch}.game{width:min(100% - .5rem,88rem)}.board{overflow-x:auto}.boardCell{min-width:2rem}.sidePanel{grid-template-columns:1fr}.eventLog{grid-column:auto}.topBar{grid-template-columns:1fr auto}.topBar>div:nth-child(2){text-align:left;order:3;grid-column:1/-1}}