:root{--cell: 72px;--board-gap: 2px;--rotate-size: 1.75rem;--rotate-gap: 4px;--board-gutter: 2rem;--board-border: 6px;color:#1c2416;background:#e7efe0;font-family:Iowan Old Style,Palatino,Palatino Linotype,serif;line-height:1.4}body{margin:0}button,input{font:inherit}button{background:#2f4a28;color:#f4f7ef;border:0;border-radius:4px;padding:.45rem .8rem;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a{color:#1f4d78}.shell{max-width:1100px;margin:0 auto;padding:1.5rem}.room-shell{box-sizing:border-box;height:100dvh;display:flex;flex-direction:column;overflow:hidden}.row{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.rooms{list-style:none;padding:0}.rooms li{display:flex;gap:1rem;align-items:baseline;padding:.4rem 0;border-bottom:1px solid #c9d4bf}.error{color:#8a1f1f}.room-layout{display:grid;grid-template-columns:220px 1fr;gap:1rem;align-items:stretch;flex:1;min-height:0}.room-board{display:flex;flex-direction:column;gap:1rem;min-width:0;min-height:0}.auth-form{display:flex;flex-direction:column;gap:.75rem;max-width:24rem}.auth-form label{display:flex;flex-direction:column;gap:.25rem}.seats,.hand{background:#f7faf3;border:1px solid #c9d4bf;border-radius:6px;padding:.75rem}.seats{overflow:auto;min-height:0}.hand{flex:none}.seat{display:grid;grid-template-columns:.8rem 1fr;gap:.4rem;margin-bottom:.6rem}.swatch{width:.8rem;height:.8rem;border-radius:50%;margin-top:.25rem}.board-wrap{position:relative;flex:1;min-height:0;overflow:hidden;background:#314028;border-radius:6px}.board-view{position:absolute;inset:var(--board-gutter);overflow:hidden;touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;cursor:grab}.board-view.panning{cursor:grabbing}.board-stage{position:absolute;top:0;left:0;transform-origin:0 0}.board{display:grid;gap:var(--board-gap);outline:var(--board-border) solid #f4f7ef;outline-offset:0}.board-labels{position:absolute;inset:0;pointer-events:none}.board-label{position:absolute;color:#d5e0cc;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.7rem;line-height:1;pointer-events:none;white-space:nowrap;z-index:1;transform:translate(-50%,-50%)}.board-label.origin{color:#f4d678;font-weight:700}.cell{width:var(--cell);height:var(--cell);position:relative}.cell .empty{width:100%;height:100%;background:transparent;border:1px dashed transparent;padding:0}.cell.placing{z-index:1}.cell .ghost{width:100%;height:100%;outline:2px solid #f4d678;outline-offset:-2px}button.rotate{position:absolute;left:100%;top:50%;z-index:1;width:var(--rotate-size);height:var(--rotate-size);margin-left:var(--rotate-gap);padding:.2rem;transform:translateY(-50%);border-radius:50%;background:#f4d678;color:#24301c}button.rotate svg{display:block;width:100%;height:100%}.cell button.legal{background:#f4d67859;border:1px dashed #f4d678;width:100%;height:100%}.tile-svg.ghost .tile-art{opacity:.55}.tile-svg{width:100%;height:100%;display:block}.hand-tile{display:flex;align-items:flex-end;gap:.75rem}.hand-preview{width:var(--cell);height:var(--cell)}.meeple-target{cursor:pointer;stroke:#1b1b1b;stroke-width:1.5;opacity:.5}.meeple-target:hover,.meeple-target:focus-visible{stroke:#f4d678;stroke-width:3}.meeple-target[aria-disabled=true]{cursor:not-allowed}.meeple-choices{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.5rem}@media(max-width:800px){.room-layout{grid-template-columns:1fr;grid-template-rows:auto minmax(50vh,1fr);overflow:hidden}.seats{max-height:40vh}.board-wrap{min-height:50vh}}