:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#2f241d;--muted:#6f6254;--paper:#eee1c1;--paper-deep:#d8c59e;--line:#f8f1df;--mahogany:#8f2432;--mahogany-dark:#5f1720;--rose:#ec8a9d;--aqua:#9ed8dd;--teal:#21a7c1;--tile:#f2d69b;--tile-edge:#9f7136;--shadow:0 18px 38px #35241438;background:#7f2c2e;font-family:Georgia,Times New Roman,serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:var(--ink);-webkit-font-smoothing:antialiased;background:linear-gradient(90deg,#ffffff0a 1px,#0000 1px) 0 0/9px 9px,linear-gradient(#8f2432,#6f2025 42%,#b57a54) 0 0/100% 100%}button,input{font:inherit}button{touch-action:manipulation}.start-screen,.loading,.rack-screen{min-height:100dvh;padding:max(18px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));place-items:center;display:grid}.start-panel,.phone-rack{background:linear-gradient(#ffffff2e, #fff0), var(--paper);outline:4px solid var(--mahogany-dark);width:min(620px,100%);box-shadow:var(--shadow);border:9px solid #f8eed1;padding:clamp(24px,5vw,46px)}.brand-lockup{text-align:center;border-block:2px solid var(--ink);margin-bottom:28px;padding:12px 0 18px}.brand-kicker{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:.76rem;display:block}h1,h2,p{margin:0}h1{text-transform:uppercase;font-size:clamp(3rem,12vw,5.8rem);line-height:.9}h2{text-transform:uppercase;letter-spacing:.08em;font-size:1.05rem}.name-grid{gap:14px;display:grid}.field{color:var(--muted);gap:6px;font-weight:700;display:grid}.field input{width:100%;min-height:52px;color:var(--ink);background:#fff8e8;border:2px solid #8b7356;border-radius:4px;padding:0 14px;font-size:1.2rem}.start-actions,.move-actions,.board-toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.start-actions{justify-content:flex-end;margin-top:22px}button.primary,button.secondary,button.ghost,.zoom-controls button{border:2px solid var(--ink);min-height:42px;color:var(--ink);background:#f8efd7;border-radius:5px;justify-content:center;align-items:center;gap:8px;padding:0 14px;display:inline-flex;box-shadow:inset 0 -3px #00000014}button.primary{background:var(--mahogany);color:#fff5df;border-color:var(--mahogany-dark)}button.ghost{background:0 0;width:42px;padding:0}button:disabled{opacity:.48}.game-layout{min-height:100dvh;padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));grid-template-columns:minmax(0,1fr) minmax(290px,360px);gap:18px;display:grid}.board-zone,.side-panel,.rack-panel{outline:2px solid var(--mahogany-dark);box-shadow:var(--shadow);background:#f8efd7f0;border:4px solid #f8efd7}.board-zone{grid-template-rows:auto minmax(0,1fr) auto;gap:12px;min-width:0;padding:12px;display:grid}.board-toolbar{justify-content:space-between}.turn-chip{background:#fff4d7;border:2px solid #8b7356;flex-wrap:wrap;align-items:baseline;gap:10px;min-height:42px;padding:8px 12px;display:flex}.turn-chip span,.rack-head span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}.turn-chip strong{font-size:1.2rem}.turn-chip time,.score-row time,.phone-timers strong,.phone-score-list time{font-variant-numeric:tabular-nums;font-family:Arial,sans-serif}.turn-chip time{color:var(--mahogany-dark);margin-left:auto;font-weight:900}.zoom-controls{background:#d8c59e;border:2px solid #8b7356;align-items:center;gap:6px;padding:3px;display:inline-flex}.zoom-controls span{text-align:center;min-width:48px;font-size:.85rem;font-weight:700}.zoom-controls button{width:36px;min-height:34px;padding:0}.board-scroll{-webkit-overflow-scrolling:touch;place-items:start center;min-width:0;padding:4px;display:grid;overflow:auto}.board-frame{--cell:calc(clamp(32px, 4.45vw, 44px) * var(--zoom));border:calc(7px * var(--zoom)) solid var(--mahogany);outline:calc(2px * var(--zoom)) solid #27201b;padding:calc(8px * var(--zoom));background:#f2e5c8;width:max-content}.edge-title{height:calc(26px * var(--zoom));font-size:calc(18px * var(--zoom));letter-spacing:calc(8px * var(--zoom));color:var(--ink);place-items:center;font-weight:900;display:grid}.board{grid-template-columns:repeat(15, var(--cell));grid-template-rows:repeat(15, var(--cell));border:calc(3px * var(--zoom)) solid var(--ink);background:var(--line);gap:calc(3px * var(--zoom));display:grid}.cell{width:var(--cell);height:var(--cell);background:linear-gradient(135deg, #fff3, #0000000a), var(--paper-deep);color:var(--ink);border:0;padding:0;position:relative;overflow:hidden}.cell.premium.tw{color:#371116;background:#e43f61}.cell.premium.dw{background:var(--rose)}.cell.premium.tl{background:var(--teal)}.cell.premium.dl{background:var(--aqua)}.premium-label{text-align:center;font-family:Arial,sans-serif;font-weight:900;font-size:calc(var(--cell) * .17);place-items:center;line-height:1.05;display:grid;position:absolute;inset:9%}.has-tile{background:#cbb486}.tile,.rack-tile,.phone-tile{background:radial-gradient(circle at 30% 25%, #ffffff5c, transparent 34%), linear-gradient(135deg, #ffe9af, var(--tile));border:2px solid var(--tile-edge);color:#221b15;place-items:center;display:grid;position:relative;box-shadow:inset 0 -4px #5d371026,0 2px #482b1447}.tile{position:absolute;inset:7%}.tile-staged{outline:3px solid #1f7e8f}.tile strong,.rack-tile strong,.phone-tile strong{font-family:Arial,sans-serif;font-size:calc(var(--cell,44px) * .58);line-height:1}.tile small,.rack-tile small,.phone-tile small{font-family:Arial,sans-serif;font-weight:700;font-size:calc(var(--cell,44px) * .2);position:absolute;bottom:3px;right:5px}.rack-panel{padding:12px}.rack-head{justify-content:space-between;align-items:baseline;margin-bottom:10px;display:flex}.rack{background:#6d3d2a;border:3px solid #432315;grid-template-columns:repeat(7,minmax(42px,1fr));gap:8px;min-height:76px;padding:10px;display:grid}.rack-tile{aspect-ratio:1;--cell:50px;border-radius:4px}.rack-tile.selected{outline:4px solid var(--teal)}.rack.exchange .rack-tile{filter:saturate(.8)}.rack-tile.exchanging{outline:4px solid var(--mahogany);transform:translateY(-4px)}.private-rack-panel{gap:10px;display:grid}.rack-summary{color:#fff4d7;background:#6d3d2a;border:3px solid #432315;justify-content:space-between;align-items:center;gap:14px;min-height:76px;padding:14px 16px;display:flex}.rack-summary span{color:#f8efd7;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;font-weight:700}.rack-summary strong{border:2px solid #f8efd7;border-radius:50%;place-items:center;min-width:44px;height:44px;font-family:Arial,sans-serif;font-size:1.45rem;display:grid}.move-actions{margin-top:12px}.side-panel{-webkit-overflow-scrolling:touch;align-content:start;gap:16px;min-height:0;padding:14px;display:grid;overflow:auto}.panel-section{border-top:2px solid #8b7356;padding-top:12px}.panel-section:first-child{border-top:0;padding-top:0}.score-list,.share-list,.history,.phone-score-list{gap:8px;margin-top:10px;display:grid}.score-row,.share-row,.history-item,.phone-score-list div{background:#fff4d7;border:2px solid #8b7356}.score-row{grid-template-columns:minmax(0,1fr) auto auto auto auto;align-items:center;gap:6px 8px;padding:9px 10px;display:grid}.score-row.active{border-color:var(--mahogany);box-shadow:inset 5px 0 var(--mahogany)}.score-row.leader,.phone-score-list div.leader{background:linear-gradient(90deg,#f2d69b66,#0000 42%),#fff4d7}.score-row strong{font-size:1.25rem}.score-name{min-width:0;display:grid}.score-name span{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:5px;display:flex;overflow:hidden}.score-name svg,.phone-score-list svg{color:var(--mahogany);flex:none}.score-name small{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.72rem}.score-row time{text-align:center;background:#f8efd7;border:1px solid #8b73569e;min-width:46px;padding:4px 5px;font-size:.84rem;font-weight:700}.score-row time:last-of-type{background:#e6d4ad}.rack-count{background:var(--paper-deep);border-radius:50%;place-items:center;min-width:28px;height:28px;font-weight:700;display:grid}.share-row{justify-content:space-between;gap:12px;padding:10px;display:flex}.share-row>div{align-items:center;gap:10px;display:flex}.share-code{flex-wrap:wrap;flex:auto;min-width:0}.share-code strong{flex:1 0 100%}.share-code svg{flex:none}.rack-url{min-width:0;color:var(--mahogany-dark);overflow-wrap:anywhere;font-family:Arial,sans-serif;font-size:.72rem;font-weight:700;line-height:1.25}.icon-label{align-self:center}.share-actions{align-content:center;gap:8px;display:grid}.history-item{padding:10px}.history-item>div:first-child{justify-content:space-between;gap:8px;display:flex}.history-item ul{gap:6px;margin:8px 0 0;padding:0;list-style:none;display:grid}.history-item li{align-items:flex-start;gap:7px;display:flex}.history-item small{color:var(--muted);line-height:1.25;display:block}.empty,.notice{color:var(--muted)}.notice{border-left:5px solid var(--teal);background:#fff4d7;margin-top:10px;padding:10px 12px}.notice.error{border-color:var(--mahogany);color:var(--mahogany-dark)}.loading span{color:#fff4d7;text-transform:uppercase;letter-spacing:.2em;font-size:2rem}.phone-rack{gap:16px;display:grid}.phone-head{grid-template-columns:1fr auto;align-items:baseline;gap:4px 12px;display:grid}.phone-head span{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;grid-column:1/-1;font-size:.78rem}.phone-head h1{text-transform:none;font-size:clamp(2.2rem,18vw,4.4rem)}.phone-head strong{font-size:2.4rem}.phone-score-tools{align-items:center;gap:10px;display:inline-flex}.timer-toggle{width:38px;min-height:38px;color:var(--muted);border-color:#8b7356}.phone-timers{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.phone-timers div{background:#fff4d7;border:2px solid #8b7356;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:5px 7px;padding:8px 10px;display:grid}.phone-timers span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.phone-timers strong{font-size:clamp(1.05rem,5vw,1.45rem);line-height:1}.phone-tiles{grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;display:grid}.phone-tile{aspect-ratio:1;border-radius:4px;width:100%;padding:4px 5px 10px;overflow:hidden}.phone-tile strong{font-size:clamp(1.55rem,8vw,2.65rem);transform:translateY(-1px)}.phone-tile small{z-index:1;font-size:clamp(.68rem,2.7vw,.9rem);line-height:1;bottom:max(3px,7%);right:max(4px,9%)}.phone-tile.selected{outline:4px solid var(--teal)}.phone-tiles.exchange .phone-tile{filter:saturate(.8)}.phone-tile.exchanging{outline:4px solid var(--mahogany);transform:translateY(-4px)}.phone-actions{margin-top:0}.phone-board-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.phone-board-head strong{text-transform:uppercase;letter-spacing:.08em;font-size:.82rem}.phone-board-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;place-items:start center;min-width:0;max-width:100%;padding:4px;display:grid;overflow:auto}.phone-board-frame{--cell:calc(clamp(42px, 10vw, 58px) * var(--zoom));border-width:4px;padding:5px}.phone-board-frame .edge-title{display:none}.phone-board-frame .board{border-width:2px;gap:2px}.phone-board-frame .premium-label{font-size:calc(var(--cell) * .25)}.phone-score-list div{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.phone-score-list div.active{border-color:var(--mahogany);box-shadow:inset 5px 0 var(--mahogany)}.phone-score-list span{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:5px;min-width:0;display:flex;overflow:hidden}.phone-score-list time{color:var(--muted);font-size:.9rem;font-weight:700}@media (width<=940px){.game-layout{grid-template-columns:1fr}.side-panel{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));max-height:none}}@media (width<=580px){.rack-screen{padding:max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));place-items:start center}.phone-rack{border-width:6px;gap:12px;padding:14px}.phone-head{gap:2px 10px}.phone-head h1{font-size:clamp(2rem,15vw,3.25rem)}.phone-head strong{font-size:2rem}.timer-toggle{width:34px;min-height:34px}.phone-timers{gap:7px}.phone-timers div{padding:8px}.phone-timers strong{font-size:clamp(1rem,4.8vw,1.25rem)}.phone-tiles{gap:5px}.phone-tile{padding:3px 4px 9px}.phone-tile strong{font-size:clamp(1.45rem,7.4vw,2.15rem)}.phone-tile small{font-size:clamp(.64rem,2.8vw,.8rem)}.phone-board-frame{--cell:calc(clamp(40px, 13vw, 54px) * var(--zoom))}.start-actions,.move-actions{align-items:stretch}.start-actions button,.move-actions button{flex:auto}.board-frame{--cell:calc(clamp(28px, 6.1vw, 38px) * var(--zoom))}.rack{grid-template-columns:repeat(7,minmax(34px,1fr));gap:5px}.share-row{align-items:center}.share-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.share-row svg{width:58px;height:58px}.score-row{grid-template-columns:minmax(0,1fr) auto auto}.score-row>strong{grid-area:1/2}.score-row time:first-of-type{grid-area:1/3}.score-row time:last-of-type{grid-area:2/2}.rack-count{grid-area:2/3}}