:root{--vh: 1vh}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior:none;background-color:var(--bg, #0b1220)}html,body{touch-action:manipulation;overflow-x:hidden;max-width:100%}body{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);box-sizing:border-box}input,textarea,[contenteditable],.selectable{user-select:text;-webkit-user-select:text;-webkit-touch-callout:default}button,[role=button],a,label,summary{touch-action:manipulation}button,input,select,textarea{font-family:inherit;font-size:inherit}input,textarea,select{font-size:max(16px,1em)}button,[role=button]{min-height:44px;min-width:44px;cursor:pointer}.board,.field,canvas,.drag-surface{touch-action:none}.control-layer{position:fixed;inset:0;z-index:30;pointer-events:none;touch-action:none}.control-layer>*{pointer-events:auto}.safe-inset{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--board: #221c18;--panel: #2b231e;--slot-fill: #2e2620;--slot-edge: #8a7869;--text: #e9e2d6;--dim: #b3a596;--ink: #0b0a09;--ring-inner: #0b0a09;--ring-outer: #f2ece3;--locked: #6b5d51;--spoil: #d9704f;--gain: #7fd1a3;--turn: #f0b429;--k0: #e2653c;--k1: #4d9be0;--k2: #5fbb7e;--k3: #e8d9b6;--k4: #b07de0;--grout: 2px;--cell: 30px;--radius: 6px;color-scheme:dark light}[hidden]{display:none!important}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--board);color:var(--text);font:16px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}#app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.main-content{flex:1 0 auto;min-height:0}.site-footer{flex-shrink:0;padding:12px 16px calc(12px + env(safe-area-inset-bottom));text-align:center;font-size:13px;color:var(--dim)}.site-footer a{color:var(--dim)}body.playing .site-footer{display:none!important}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;touch-action:manipulation}.screen{padding:20px 16px;max-width:560px;margin:0 auto}.menu{text-align:center;padding-top:8vh}.logo{font-size:clamp(44px,14vw,72px);margin:0 0 4px;letter-spacing:.06em;color:var(--k3)}.tag{color:var(--dim);margin:0 auto 28px;max-width:34ch}.menu-btns{display:flex;flex-direction:column;gap:10px;max-width:320px;margin:0 auto}.btn{min-height:52px;padding:12px 18px;border-radius:var(--radius);background:var(--panel);border:1px solid #3a2f28;font-weight:600}.btn.primary{background:var(--k3);color:var(--ink);border-color:var(--k3)}.btn.ghost{background:transparent}.btn.mute{margin-top:18px;min-height:44px;color:var(--dim)}.setup h2{margin-top:0}.opt{margin-bottom:18px}.opt h3{font-size:14px;text-transform:uppercase;letter-spacing:.08em;color:var(--dim);margin:0 0 8px}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{min-height:44px;min-width:44px;padding:8px 14px;border-radius:var(--radius);background:var(--panel);border:1px solid #3a2f28}.chip.on{background:var(--k3);color:var(--ink);border-color:var(--k3);font-weight:700}.blurb{color:var(--dim);font-size:14px;margin:8px 0 0}.play{display:flex;flex-direction:column;gap:4px;height:100vh;height:100dvh;max-width:520px;margin:0 auto;padding:6px 8px calc(6px + env(safe-area-inset-bottom));overflow:hidden}.topbar{display:flex;align-items:center;gap:8px;min-height:40px;flex:0 0 auto}.round{font-size:13px;color:var(--dim);text-transform:uppercase;letter-spacing:.06em}.turn{flex:1;font-size:14px;color:var(--dim);text-align:center}.turn.mine{color:var(--turn);font-weight:700}.turn.warn{color:var(--spoil);font-weight:700}.icon{width:44px;height:44px;border-radius:var(--radius);background:var(--panel);font-size:18px}.racks{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(38px,1fr);gap:4px}.rack{display:flex;gap:var(--grout);min-width:0;background:var(--slot-fill);border:1px solid #3a2f28;border-radius:var(--radius);padding:2px;overflow:hidden}.rack.husk{background:transparent;border-style:dashed;border-color:#342b24}.husk-mark{flex:1}.slice{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center;gap:4px;border-radius:4px;color:var(--ink);font-weight:700;position:relative}.slice .glyph{font-size:15px;line-height:1}.slice .n{font-size:13px}.slice.on{outline:2px solid var(--ring-inner);outline-offset:-4px;box-shadow:0 0 0 2px var(--ring-outer);transform:translateY(-2px)}.k0{background:var(--k0)}.k1{background:var(--k1)}.k2{background:var(--k2)}.k3{background:var(--k3)}.k4{background:var(--k4)}.sill{flex:0 0 auto}.sill-row{display:flex;gap:4px;min-height:44px}.chip.k0,.chip.k1,.chip.k2,.chip.k3,.chip.k4{color:var(--ink);border-color:transparent}.sill-row .chip{flex:1 1 0;min-width:0;min-height:44px;padding:0 4px;display:flex;align-items:center;justify-content:center;gap:3px;font-weight:700}.sill-row .chip.out{background:var(--slot-fill);border:1px dashed #3a2f28;color:var(--locked);opacity:.55}.sill-row .chip.on{outline:2px solid var(--ring-inner);outline-offset:-4px;box-shadow:0 0 0 2px var(--ring-outer)}.chip.trowel{background:var(--slot-fill);border:1px solid var(--slot-edge);color:var(--turn);font-size:20px;flex:0 0 44px}.chip.trowel.gone{color:var(--locked);border-style:dashed;opacity:.4}.myboard{flex:0 0 auto}.board{background:var(--panel);border-radius:var(--radius);padding:6px}.board-head{display:flex;justify-content:space-between;align-items:baseline;font-size:13px;color:var(--dim);margin-bottom:4px}.board-head .score{font-size:19px;font-weight:800;color:var(--text)}.board-grid{display:flex;gap:10px;justify-content:center}.courses,.mosaic{display:flex;flex-direction:column;gap:var(--grout)}.course,.mrow{display:flex;gap:var(--grout)}.course.locked{opacity:.45}.tile,.slot{width:var(--cell);height:var(--cell);border-radius:3px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.tile{color:var(--ink)}.tile .glyph{font-size:calc(var(--cell) * .5);line-height:1}.slot{background:var(--slot-fill);border:2px solid var(--slot-edge)}.slot.void{background:transparent;border:0}.slot.ghost{border-style:solid;opacity:.34;color:var(--ink)}.slot.ghost .glyph{font-size:calc(var(--cell) * .44)}.slot.ghost.res{opacity:.6;border-color:var(--ring-outer)}.spoil-row{display:flex;gap:3px;margin-top:6px;align-items:center}.sp{flex:1 1 0;min-width:0;height:22px;border-radius:3px;background:var(--slot-fill);border:1px solid var(--slot-edge);display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--dim)}.sp.on{background:var(--spoil);border-color:var(--spoil);color:var(--ink);font-weight:700}.sp-over{font-size:11px;color:var(--dim);padding-left:4px}.rail{flex:0 0 auto;display:flex;gap:4px}.rival{flex:1 1 0;min-width:0;background:var(--panel);border:1px solid #3a2f28;border-radius:var(--radius);padding:4px;display:flex;flex-direction:column;gap:3px;min-height:66px;text-align:left}.rival.active{border-color:var(--turn)}.rv-head{display:flex;justify-content:space-between;align-items:baseline;gap:4px;font-size:12px;color:var(--dim)}.rv-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rv-score{font-size:16px;font-weight:800;color:var(--text)}.rv-chips{display:flex;gap:2px}.cc{flex:1 1 0;min-width:0;height:20px;border-radius:3px;display:flex;align-items:center;justify-content:center;gap:1px;font-size:10px;font-weight:700;color:var(--ink)}.cc.empty{background:var(--slot-fill);border:1px solid #3a2f28;color:var(--locked)}.cc.done{background:var(--slot-fill);border:1px solid var(--gain);color:var(--gain)}.cc .glyph{font-size:10px}.rv-spoil{font-size:11px;color:var(--spoil);font-weight:700}.sheet{position:fixed;inset:0;z-index:40;background:#0a0807b8;display:flex;align-items:flex-end;justify-content:center}.sheet-inner{width:100%;max-width:520px;background:var(--panel);border-radius:12px 12px 0 0;padding:10px 10px calc(10px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:5px}.sheet-src{display:flex;flex-direction:column;gap:2px;padding:4px 2px 6px;border-bottom:1px solid #3a2f28}.src-take{display:flex;align-items:center;gap:6px;font-size:16px}.src-take .tile{width:26px;height:26px}.src-where{color:var(--dim);font-size:14px}.src-line{font-size:13px;color:var(--dim)}.src-line .warn{color:var(--spoil);font-weight:600}.src-line .good{color:var(--gain);font-weight:600}.sheet-rows{display:flex;flex-direction:column;gap:5px}.drow{min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;border-radius:var(--radius);background:var(--board);border:1px solid #3a2f28;text-align:left}.drow.off{opacity:.5;border-style:dashed;color:var(--locked);cursor:default}.dl{font-weight:600}.dl .cap{color:var(--dim);font-weight:400;margin-left:6px;font-size:13px}.dv{display:flex;gap:8px;align-items:baseline;font-size:14px}.dv .plus{color:var(--gain);font-weight:800;font-size:18px}.dv .minus{color:var(--spoil);font-weight:700}.dv .hold{color:var(--dim)}.sheet-cancel{min-height:44px;border-radius:var(--radius);background:transparent;color:var(--dim);border:1px solid #3a2f28}.colrow{display:flex;gap:6px}.colrow>*{flex:1 1 0;min-width:0;width:auto;height:20px}.colrow .slot.open{border-color:var(--slot-edge)}.colrow .slot.shut{border-style:dashed;opacity:.35}.colstrip{display:flex;gap:6px}.colchip{flex:1 1 0;min-width:0;min-height:56px;border-radius:var(--radius);background:var(--board);border:1px solid #3a2f28;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px}.colchip.off{opacity:.35;border-style:dashed;cursor:default}.cnum{font-size:15px;font-weight:700}.clay{font-size:13px;color:var(--gain);font-weight:700}.cblock{font-size:10px;color:var(--dim)}.modal{position:fixed;inset:0;z-index:60;background:#0a0807c2;display:flex;align-items:center;justify-content:center;padding:16px}.modal-card{background:var(--panel);border-radius:12px;padding:20px;max-width:460px;width:100%;max-height:84vh;overflow:auto;position:relative}.modal-x{position:absolute;top:6px;right:6px;width:44px;height:44px;font-size:18px;color:var(--dim)}.modal-card h2{margin:0 0 12px;padding-right:44px}.modal-card p{color:var(--dim);font-size:15px}.modal-card b{color:var(--text)}.kinds{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.kinds .tile{width:22px;height:22px}.results h2{margin:0 0 4px}.results .sub{color:var(--dim);margin:0 0 16px}.rtable{display:flex;flex-direction:column;gap:6px;margin-bottom:20px}.rrow{display:grid;grid-template-columns:26px 1fr auto;gap:4px 10px;align-items:baseline;padding:10px;border-radius:var(--radius);background:var(--panel);border:1px solid #3a2f28}.rrow.win{border-color:var(--turn)}.rrow.me{background:#332a23}.rplace{color:var(--dim);font-weight:700}.rname{font-weight:700}.rscore{font-size:22px;font-weight:800}.rdetail{grid-column:2 / -1;font-size:13px;color:var(--dim)}.stars{color:var(--turn);margin-left:6px;font-size:12px}.countdown{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:20}.cd-n{font-size:88px;font-weight:800;color:var(--ring-outer);text-shadow:0 4px 24px rgba(0,0,0,.7)}.cd-n.go{color:var(--turn);font-size:64px}.spinner{display:inline-block;width:16px;height:16px;border:2px solid var(--slot-edge);border-top-color:var(--turn);border-radius:50%;animation:spin .9s linear infinite;vertical-align:-3px;margin-right:6px}@keyframes spin{to{transform:rotate(360deg)}}.lobby-searching{color:var(--dim);text-align:center;padding:24px 0}.lobby-modes{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.mode-blurb,.host-pick{flex:1 1 100%;color:var(--dim);font-size:14px;margin:4px 0 0}.room-entry,.lobby{max-width:460px;margin:0 auto}.re-input,.lobby-link{min-height:48px;width:100%;border-radius:var(--radius);background:var(--board);border:1px solid #3a2f28;color:var(--text);padding:10px 12px;font:inherit}.re-btn,.lobby button{min-height:48px}.lobby-qr{background:#fff;border-radius:var(--radius);padding:10px}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}.spinner{animation:none}}@media(min-width:1000px){.play{max-width:1240px;display:grid;grid-template-columns:minmax(300px,.9fr) minmax(0,1.4fr) minmax(230px,.72fr);grid-template-rows:auto auto auto;grid-template-areas:"top   top   top" "draft board rail" "sill  board rail";align-content:safe center;gap:12px 16px;padding:12px 16px;--cell: 44px}.topbar{grid-area:top}.racks{grid-area:draft;align-self:start;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:58px;gap:6px}.sill{grid-area:sill;align-self:start}.myboard{grid-area:board;align-self:start}.rail{grid-area:rail;flex-direction:column;align-self:start}.rival{min-height:84px}.cc,.sp{height:26px;font-size:12px}.sheet{align-items:center}.sheet-inner{border-radius:12px;max-width:460px}}@media(max-height:560px)and (min-width:700px){.play{max-width:none;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,.8fr);grid-template-rows:auto auto minmax(0,1fr);grid-template-areas:"top   top   top" "draft board rail" "sill  board rail";align-content:start;gap:6px 8px;padding:4px 8px;--cell: 22px}.topbar{grid-area:top;min-height:32px}.icon{width:36px;height:36px}.racks{grid-area:draft;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(28px,1fr)}.sill{grid-area:sill;align-self:start}.sill-row .chip,.chip.trowel{min-height:34px}.myboard{grid-area:board;align-self:start}.rail{grid-area:rail;flex-direction:column}.rival{min-height:44px}.cc{height:14px;font-size:9px}.sp{height:16px;font-size:9px}.sheet-inner{max-height:96vh;overflow:auto}.drow{min-height:44px}}