html,body,#root{--page-wood-light:#1f1e1b;--page-wood-dark:#272624;min-height:100%}body{background:repeating-linear-gradient(90deg, #ffffff05 0, #18151505 2px, #1a181708 3px, #08080808 7px), linear-gradient(180deg, var(--page-wood-light), var(--page-wood-dark));color:#fff;margin:0;font-family:Arial,sans-serif}main{box-sizing:border-box;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.selected{outline-offset:-4px;outline:4px solid #4caf50}.room-dialog{box-sizing:border-box;background:#2b2b2b;border-radius:12px;gap:14px;width:320px;padding:24px;display:grid;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.room-dialog input,.room-dialog button{padding:12px;font-size:16px}.separator{text-align:center;opacity:.7}.game-menu{z-index:20;position:fixed;top:16px;left:16px}.game-menu-toggle{color:#fff;cursor:pointer;background:#000;border:0;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;padding:0;display:inline-flex}.game-menu-toggle span{background:currentColor;border-radius:2px;width:22px;height:2px}.game-menu-toggle:hover,.game-menu-toggle:focus{opacity:.75}.game-menu-backdrop{z-index:19;position:fixed;inset:0}.game-menu-dialog{z-index:21;background:#2b2b2b;border-radius:8px;gap:8px;width:154px;padding:8px;display:grid;position:fixed;top:68px;left:16px;box-shadow:0 12px 30px #00000059}.button-31{box-sizing:border-box;color:#fff;cursor:pointer;text-align:center;text-transform:none;-webkit-user-select:none;user-select:none;touch-action:manipulation;background-color:#000;border-style:none;border-radius:4px;outline:none;width:126px;min-width:10px;max-width:none;min-height:44px;margin:0;padding:9px 10px 8px;font-family:Farfetch Basis,Helvetica Neue,Arial,sans-serif;font-size:12px;font-weight:700;line-height:1.5;display:inline-block;position:relative;overflow:hidden}.game-menu-dialog .button-31{width:100%}button:disabled{color:#fff;cursor:default;opacity:1;background-color:#6b7280}.button-31:hover,.button-31:focus{opacity:.75}.square.last-move{box-shadow:inset 0 0 0 4px #22c55e}.tavli-board{flex-direction:column;align-items:center;gap:14px;display:flex}.tavli-info{color:#fff;align-items:center;gap:14px;display:flex}.tavli-entry-notice{color:#ff3b30;text-align:center;border-radius:6px;min-width:130px}.tavli-turn-notice{color:#51b14d;text-align:center;border-radius:6px;min-width:130px}.tavli-table{background:#8b5a2b;border:12px solid #3b2413;border-radius:16px;grid-template-rows:1fr 1fr;grid-template-columns:repeat(6,1fr) 70px repeat(6,1fr);width:min(920px,96vw);height:min(620px,72vh);display:grid;overflow:hidden}.tavli-row{grid-template-columns:repeat(6,1fr);display:grid}.tavli-top-left{grid-area:1/1/auto/7}.tavli-top-right{grid-area:1/8/auto/14}.tavli-bottom-left{grid-area:2/1/auto/7}.tavli-bottom-right{grid-area:2/8/auto/14}.tavli-point{cursor:pointer;position:relative}.tavli-point.selected{background:#2563eb6b;outline:none}.tavli-point.last-move{background:#22c55e3d}.tavli-point.selected.last-move{background:#2563eb6b}.tavli-point-number{color:#ffffffbf;pointer-events:none;text-shadow:0 1px 2px #000c;font-size:12px;font-weight:700;position:absolute;top:4px;left:6px}.tavli-point.bottom .tavli-point-number{top:auto;bottom:4px}.tavli-triangle{clip-path:polygon(50% 100%,0 0,100% 0);background:#d7a35f;width:100%;height:100%}.tavli-point.dark-point .tavli-triangle{background:#4b2414}.tavli-point.light-point .tavli-triangle{background:#d7a35f}.tavli-point.bottom .tavli-triangle{clip-path:polygon(50% 0,0 100%,100% 100%)}.tavli-checkers{pointer-events:none;flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;inset:8px}.tavli-point.top .tavli-checkers{justify-content:flex-start}.tavli-point.bottom .tavli-checkers{justify-content:flex-end}.tavli-checker{border:2px solid #111;border-radius:50%;width:clamp(28px,4vw,46px);height:clamp(28px,4vw,46px);box-shadow:inset 0 0 8px #00000059}.tavli-checker.white{background:#eee}.tavli-checker.black{background:#111}.tavli-count{color:#000;background:#fff;border-radius:999px;padding:2px 8px;font-weight:700}.tavli-middle{color:#e8c48a;background:#3b2413;grid-area:1/7/3;justify-content:center;align-items:center;display:flex}.tavli-bar{letter-spacing:4px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-width:64px;height:100%;font-weight:700;display:flex}.tavli-bar-label{writing-mode:vertical-rl;text-orientation:mixed;line-height:1}.tavli-bar-checker{letter-spacing:0;border:2px solid #111;border-radius:50%;place-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:grid;box-shadow:inset 0 0 7px #00000059}.tavli-bar-checker.white{color:#111;background:#eee}.tavli-bar-checker.black{color:#fff;background:#111}.tavli-bar-count{line-height:1}