: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,button{background:#2f4a28;color:#f4f7ef;border:0;border-radius:4px;padding:.45rem .8rem;cursor:pointer;text-decoration:none}.button.danger,button.danger{background:#8a1f1f;color:#f4f7ef}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}.auth-form label.check{flex-direction:row;align-items:center}.room-board .actions,.seats,.hand{background:#f7faf3;border:1px solid #c9d4bf;border-radius:6px;padding:.75rem}.room-board .actions{display:flex;gap:.5rem;flex-wrap:wrap}.seats{overflow:auto;min-height:0}.seat{margin-bottom:.6rem}.seat-meeple{width:1.25rem;height:1.25rem;display:inline-block;margin-top:.15rem}.swatch{width:.8rem;height:.8rem;border-radius:50%;margin-top:.25rem}.swatch.preview{width:1.5rem;height:1.5rem;margin-top:0;flex:none;border:1px solid #c9d4bf}.color-field{display:flex;gap:.5rem;align-items:center}.skin-list{display:flex;gap:.75rem;margin:.5rem 0 1rem}.skin-row,.skin-form{display:flex;flex-direction:column;gap:.75rem;align-items:center}.skin-form{flex-direction:column;align-items:stretch}.skin-preview{width:3.5rem;height:3.5rem}.skin-editor .actions{display:flex;flex-direction:column;gap:.5rem;font-size:.75rem}.tabs{display:flex;gap:.5rem;margin:1rem 0}.tabs button[aria-selected=true]{outline:2px solid #1c2416}.note{margin:0;color:#3d4a34}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.75rem;margin:1rem 0}.stats div{background:#f7faf3;border:1px solid #c9d4bf;border-radius:6px;padding:.75rem}.stats dt{color:#3d4a34}.stats dd{margin:.2rem 0 0;font-size:1.4rem}.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}@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}}