*{box-sizing:border-box}html,body,#app{min-height:100%}body{color:#fff;background:#1f1f1f;margin:0;font-family:Arial,Helvetica,sans-serif}button{font-family:inherit}.app{place-items:center;min-height:100vh;padding:24px;display:grid}.app h1{letter-spacing:2px;color:#f0c276;text-shadow:0 4px 10px #00000080;margin:0 0 20px;font-size:42px}.tavla-start-screen{background-image:linear-gradient(#2b1b0fe0,#2b1b0fe6),url(/graphics/board-bg.png);background-position:50%;background-size:cover;border:12px solid #5a351f;border-radius:24px;width:min(96vw,860px);padding:24px;box-shadow:0 20px 60px #0000008c,inset 0 0 0 4px #ffdc961f}.tavla-start-card{background:#00000061;border-radius:20px;gap:14px;padding:clamp(18px,4vw,32px);display:grid;box-shadow:inset 0 0 0 1px #ffffff1a}.start-kicker{color:#f0c276;letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:12px;font-weight:900}.tavla-start-card h2{color:#fff;margin:0 0 4px;font-size:clamp(28px,6vw,44px);line-height:1.05}.start-label,.color-choice legend{color:#ffffffd1;font-size:13px;font-weight:800}.start-input{color:#2b1b0f;background:#fffffff0;border:2px solid #f0c27675;border-radius:14px;outline:none;width:100%;padding:12px 14px;font-size:18px;font-weight:800}.start-input:focus{border-color:#f0c276;box-shadow:0 0 0 4px #f0c27638}.color-choice{border:0;grid-template-columns:1fr 1fr;gap:10px;margin:0;padding:0;display:grid}.color-choice legend{grid-column:1/-1;margin-bottom:2px}.color-choice-button,.start-game-button{cursor:pointer;border:none;border-radius:999px;font-weight:900}.color-choice-button{color:#fff;background:#ffffff24;padding:12px 14px;box-shadow:inset 0 0 0 1px #ffffff1f}.color-choice-button.selected{color:#2b1b0f;background:#d6a85f;box-shadow:0 4px #8d6230,inset 0 0 0 1px #ffffff40}.start-info{color:#ffffffb8;margin:0;font-size:12px;line-height:1.35}.start-game-button{color:#09220b;background:#6fbf73;margin-top:4px;padding:13px 18px;font-size:16px;box-shadow:0 5px #2f6f32}.start-game-button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.setup-name-form,.setup-rolloff,.setup-choice-step{gap:14px;display:grid}.setup-choice-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:16px;display:grid}.setup-choice-main{gap:14px;display:grid}.setup-preview-card{background:#ffffff14;border-radius:18px;gap:12px;padding:14px;display:grid;box-shadow:inset 0 0 0 1px #ffffff17}.setup-preview-header{gap:2px;display:grid}.setup-preview-kicker{color:#f0c276;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:11px;font-weight:900}.setup-preview-header h3{margin:0;font-size:18px}.setup-preview-legend{gap:8px;display:grid}.preview-legend-row{color:#ffffffd1;align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.preview-legend-chip{border-radius:999px;width:14px;height:14px;box-shadow:inset 0 0 0 1px #0000004d}.preview-legend-chip.preview-white{background:#f4ead1}.preview-legend-chip.preview-black{background:#20242b}.mini-board-preview{background:linear-gradient(#17482ef0,#1d5f3af0);border-radius:18px;gap:8px;padding:12px;display:grid;box-shadow:inset 0 0 0 2px #ffffff1f,inset 0 0 20px #0003}.mini-board-row{grid-template-columns:minmax(0,1fr) 14px minmax(0,1fr);gap:8px;min-height:112px;display:grid}.mini-board-half{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;display:grid}.mini-board-bar{background:linear-gradient(#543117,#3c220f);border-radius:10px;box-shadow:inset 0 0 0 1px #fff0d21f}.mini-point{justify-content:space-between;align-items:center;min-height:100%;padding:4px 3px;display:flex;position:relative}.mini-point.down{clip-path:polygon(50% 100%,0 0,100% 0);flex-direction:column;justify-content:flex-start;gap:4px}.mini-point.up{clip-path:polygon(50% 0,0 100%,100% 100%);flex-direction:column-reverse;justify-content:flex-start;gap:4px}.mini-board-half .mini-point:nth-child(odd){background:#efe1ab}.mini-board-half .mini-point:nth-child(2n){background:#7b4227}.mini-point-number{color:#ffffffdb;text-shadow:0 1px 2px #0000008c;font-size:9px;font-weight:900;line-height:1}.mini-checkers{flex-direction:column;justify-content:flex-start;align-items:center;gap:2px;min-height:40px;display:flex}.mini-point.up .mini-checkers{justify-content:flex-end}.mini-checker{border-radius:999px;width:12px;height:12px;box-shadow:inset 0 0 0 1px #00000040,0 1px 2px #00000038}.mini-checker.white{background:radial-gradient(circle at 35% 35%,#fffaf0,#e3d4ae 70%,#c2a873)}.mini-checker.black{background:radial-gradient(circle at 35% 35%,#474b54,#1f2329 68%,#0f1115)}.setup-preview-note{color:#ffffffb3;margin:0;font-size:11px;line-height:1.35}.setup-dice-row{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;display:grid}.setup-dice-player{background:#ffffff1a;border-radius:16px;place-items:center;gap:8px;padding:12px;display:grid;box-shadow:inset 0 0 0 1px #ffffff17}.setup-dice-player span{color:#ffffffc2;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;font-weight:800;overflow:hidden}.setup-dice-player strong{color:#2b1b0f;background:#e8c170;border-radius:16px;place-items:center;width:58px;height:58px;font-size:32px;font-weight:950;display:grid;box-shadow:0 5px #8d6230}.setup-dice-versus{color:#f0c276;text-transform:uppercase;font-size:12px;font-weight:900}.setup-message,.setup-winner-line{color:#fff;text-align:center;min-height:22px;margin:0;font-size:14px;font-weight:800;line-height:1.35}.setup-winner-line strong{color:#f0c276}.setup-color-assignment{gap:8px;display:grid}.setup-assignment-row{background:#ffffff1a;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex;box-shadow:inset 0 0 0 1px #ffffff17}.setup-assignment-row span{color:#ffffffc7;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;font-weight:850;overflow:hidden}.setup-assignment-row strong{color:#f0c276;font-size:18px;font-weight:950}.winner-assignment{background:#d6a85f33;box-shadow:inset 0 0 0 1px #f0c27657}.setup-layout-note{color:#ffffffb8;text-align:center;margin:2px 0 0;font-size:12px;font-weight:800;line-height:1.35}.setup-choice-actions{grid-template-columns:1fr;gap:10px;display:grid}.setup-choice-actions .color-choice-button{min-height:48px;line-height:1.2}.confirm-color-button{color:#09220b;background:#6fbf73;box-shadow:0 5px #2f6f32}.swap-color-button,.swap-setup-button{color:#2b1b0f;background:#d6a85f;box-shadow:0 5px #8d6230}.swap-setup-button{background:#c8914f}.tavla-board{aspect-ratio:2/1.25;background-image:url(/graphics/board-bg.png);background-position:50%;background-size:cover;border:12px solid #5a351f;border-radius:18px;width:min(95vw - 300px,1100px);padding:34px 30px 34px 34px;position:relative;overflow:visible;box-shadow:0 20px 60px #0000008c,inset 0 0 0 4px #ffdc961f}.tavla-board.board-flipped{padding:34px 34px 34px 78px}.tavla-side-logo{z-index:0;color:#fffffff5;letter-spacing:.02em;text-shadow:0 2px #ffffff1f,0 8px 18px #00000073;-webkit-user-select:none;user-select:none;pointer-events:none;gap:14px;font-family:Comic Sans MS,Bradley Hand,Segoe Print,cursive;font-size:clamp(58px,7vw,104px);font-weight:900;line-height:.78;display:grid;position:absolute;top:50%;left:-170px;transform:translateY(-50%)}.tavla-side-logo span{display:block;transform:rotate(-2deg)}.tavla-side-logo span:nth-child(2n){transform:rotate(3deg)}.board-grid{z-index:2;background:#30583c8c;border-radius:18px;grid-template-rows:1fr 1fr;grid-template-columns:1fr 42px 1fr;width:100%;height:100%;display:grid;position:relative;overflow:hidden}.board-field{grid-template-columns:repeat(6,1fr);min-width:0;min-height:0;display:grid;position:relative}.top-field{align-items:start}.bottom-field{align-items:end}.tavla-point{cursor:default;justify-content:center;width:100%;min-width:0;height:100%;display:flex;position:relative;overflow:visible}.tavla-point:before{content:"";z-index:1;width:100%;height:100%;transition:filter .15s,opacity .15s,transform .15s;position:absolute;left:50%;transform:translate(-50%)}.point-down:before{clip-path:polygon(0 0,100% 0,50% 82%);top:0}.point-up:before{clip-path:polygon(50% 18%,100% 100%,0 100%);bottom:0}.board-field .tavla-point:nth-child(odd):before{background:#ebd7a0e0}.board-field .tavla-point:nth-child(2n):before{background:#693722e0}.point-number{z-index:5;color:#ffffffc7;pointer-events:none;text-shadow:0 2px 4px #0000008c;font-size:12px;font-weight:700;position:absolute}.point-down .point-number{top:8px}.point-up .point-number{bottom:8px}.tavla-point.selectable-point{cursor:pointer}.tavla-point.selectable-point:before{filter:brightness(1.2)saturate(1.1)}.tavla-point.selectable-point .checker{filter:drop-shadow(0 0 8px #40b4fff2)drop-shadow(0 5px 6px #00000073)}.tavla-point.selectable-point:after{content:"";z-index:7;pointer-events:none;border:3px solid #40b4fff2;border-radius:50%;width:56px;height:56px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 4px #40b4ff33,0 0 18px #40b4ffbf}.tavla-point.selected .checker{filter:drop-shadow(0 0 10px #ffdc50f2)drop-shadow(0 0 18px #ffb428bf)drop-shadow(0 7px 8px #0000008c);transform:translateY(-5px)scale(1.08)}.tavla-point.selected:before{opacity:1;filter:brightness(1.35)saturate(1.15)}.tavla-point.legal-target{cursor:pointer}.tavla-point.legal-target:after{content:"✓";z-index:9;color:#fff;pointer-events:none;background:#4caf50e6;border-radius:50%;place-items:center;width:54px;height:54px;font-size:28px;font-weight:900;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 5px #4caf5038,0 0 20px #4caf50d9}.tavla-point.enemy-point{cursor:default}.tavla-point.selectable-point:hover .checker{transform:translateY(-4px)scale(1.06)}.checker-stack{z-index:9;flex-direction:column;align-items:center;gap:0;display:flex;position:absolute}.point-down .checker-stack{top:0}.point-up .checker-stack{flex-direction:column-reverse;bottom:0}.checker-stack .checker+.checker{margin-top:clamp(-8px,-.8vw,-4px)}.point-up .checker-stack .checker+.checker{margin-top:0;margin-bottom:clamp(-8px,-.8vw,-4px)}.checker-stack-overlap .checker+.checker{margin-top:clamp(-22px,-2vw,-14px)}.point-up .checker-stack-overlap .checker+.checker{margin-top:0;margin-bottom:clamp(-22px,-2vw,-14px)}.checker-stack-overlap .checker{position:relative}.checker{cursor:pointer;filter:drop-shadow(0 5px 6px #00000073);background:0 0;border:none;width:clamp(32px,4.4vw,50px);height:clamp(32px,4.4vw,50px);padding:0;transition:transform .12s,filter .12s}.checker:hover{filter:drop-shadow(0 8px 9px #0000008c);transform:translateY(-3px)scale(1.05)}.checker img{object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;display:block}.tavla-bar{z-index:12;color:#ffffffdb;text-shadow:0 2px 5px #000000a6;background:#3c1e0fdb;border-left:4px solid #190c068c;border-right:4px solid #190c068c;grid-area:1/2/3;grid-template-rows:1fr auto 1fr;place-items:center;font-size:12px;font-weight:700;display:grid;position:relative}.bar-label{writing-mode:vertical-rl;opacity:.9;transform:rotate(180deg)}.bar-stack{flex-direction:column;align-items:center;gap:0;width:100%;min-height:80px;padding:6px 0;display:flex}.bar-stack-top{justify-content:start}.bar-stack-bottom{justify-content:end}.bar-checker{width:34px;height:34px}.bear-off-layer{z-index:30;pointer-events:none;position:absolute;inset:0}.bear-off-rack{z-index:31;color:#ffffffe6;text-align:center;text-shadow:0 2px 5px #000000a6;pointer-events:auto;background:#3c1e0f66;border:2px solid #ffffff40;border-radius:14px;flex-direction:column;align-items:center;gap:6px;width:50px;height:calc(50% - 46px);padding:8px 4px;font-size:11px;font-weight:700;display:flex;position:absolute}.bear-off-bottom{justify-content:flex-end}.bear-off-ready{cursor:pointer;border-color:#4caf50d9;box-shadow:0 0 18px #4caf5073}.bear-off-label{letter-spacing:.03em;font-size:11px}.bear-off-checkers{flex-direction:column;flex:1;justify-content:flex-start;align-items:center;width:100%;min-height:0;display:flex}.bear-off-bottom .bear-off-checkers{justify-content:flex-end}.bear-off-checker{filter:drop-shadow(0 4px 4px #0006);width:30px;height:30px}.bear-off-checker img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.bear-off-count{font-size:10px;line-height:1}.move-panel{z-index:45;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0000006b;border-radius:18px;width:140px;padding:12px;position:absolute;top:50%;left:-155px;transform:translateY(-50%);box-shadow:0 10px 22px #00000059,inset 0 0 0 1px #ffffff17}.move-panel h3{text-align:center;color:#f0c276;margin:0 0 10px;font-size:16px}.move-list{gap:12px;display:grid}.move-chip{color:#2b1b0f;background:#e8c170;border-radius:16px;place-items:center;width:72px;height:72px;margin:0 auto;font-size:34px;font-weight:900;display:grid;position:relative;overflow:hidden;box-shadow:0 6px #8d6230}.move-chip.used{color:#fff;opacity:.9;background:#4caf50;box-shadow:0 6px #2f6f32}.move-chip.blocked{color:#2b1b0f;background:#d9d9d9;box-shadow:0 6px #7f7f7f}.move-chip-value{font-size:34px;font-weight:900}.move-chip.blocked .move-chip-value{opacity:.45}.move-chip-x{color:#d00000;pointer-events:none;place-items:center;font-size:88px;font-weight:900;line-height:1;display:grid;position:absolute;inset:0}.move-panel-text{text-align:center;color:#ffffffd9;margin:12px 0 0;font-size:12px}.end-turn-button{color:#09220b;cursor:pointer;background:#6fbf73;border:none;border-radius:999px;width:100%;margin-top:10px;padding:9px;font-size:13px;font-weight:900}.dice-history-panel{z-index:45;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0000006b;border-radius:16px;width:138px;max-height:min(72%,420px);padding:10px;position:absolute;top:65%;right:-154px;overflow:hidden;transform:translateY(-50%);box-shadow:0 10px 22px #00000059,inset 0 0 0 1px #ffffff17}.dice-history-panel h3{text-align:center;color:#f0c276;margin:0 0 8px;font-size:13px}.dice-history-empty{text-align:center;color:#ffffffb8;font-size:11px;line-height:1.3}.dice-history-list{gap:2px;max-height:360px;padding-right:3px;display:grid;overflow-y:auto}.dice-history-item{background:#ffffff14;border-radius:12px;grid-template-columns:1fr auto;gap:3px 6px;padding:7px;display:grid;box-shadow:inset 0 0 0 1px #ffffff0f}.dice-history-player{color:#ffffffbf;grid-column:1/-1;font-size:10px;font-weight:800}.dice-history-move{color:#fff;font-size:12px;font-weight:700}.dice-history-value{color:#2b1b0f;background:#e8c170;border-radius:8px;place-items:center;min-width:24px;height:24px;font-size:13px;font-weight:900;display:grid}.history-white .dice-history-player{color:#fff4cf}.history-black .dice-history-player{color:#c9c9d1}.player-panel{z-index:45;background:#00000073;border-radius:16px;gap:8px;width:148px;min-width:148px;padding:10px 12px;font-size:12px;display:grid;position:absolute;top:-10px;right:-168px;box-shadow:inset 0 0 0 1px #ffffff14,0 10px 22px #00000047}.board-flipped .player-panel{left:auto;right:-168px}.autoplay-button{color:#2b1b0f;cursor:pointer;background:#d6a85f;border:none;border-radius:999px;width:100%;padding:8px 10px;font-size:11px;font-weight:900;box-shadow:0 4px #8d6230}.autoplay-button:hover{transform:translateY(-1px);box-shadow:0 5px #8d6230}.autoplay-button:active{transform:translateY(2px);box-shadow:0 2px #8d6230}.player-profile-row,.player-turn-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.player-panel span{color:#ffffffb3}.player-white{color:#fff4cf}.player-black{color:#c9c9d1}.score-board{border-top:1px solid #ffffff1f;gap:5px;padding-top:8px;display:grid}.score-board-title{color:#f0c276;text-align:center;font-size:11px;font-weight:800}.score-row{background:#ffffff14;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:5px 8px;display:flex}.score-row.active{box-shadow:inset 0 0 0 1px #f0c2768c}.score-row>span{gap:2px;display:grid}.score-color-label{color:#ffffffe6;font-size:12px;line-height:1}.score-row small{color:#ffffff9e;font-size:10px;font-weight:700;line-height:1}.score-row>strong{text-align:right;color:#fff;min-width:24px;font-size:18px;line-height:1}.winner-overlay{z-index:80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000061;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.winner-card{text-align:center;background:#2b1b0ff0;border:2px solid #f0c276b8;border-radius:24px;width:min(92%,460px);padding:24px;box-shadow:0 24px 60px #0000008c,inset 0 0 0 1px #ffffff14}.winner-card h2{color:#f0c276;text-shadow:0 4px 12px #00000073;margin:6px 0 8px;font-size:clamp(26px,4vw,42px);line-height:1.05}.winner-card-final{width:min(94%,620px);padding:34px 28px}.winner-big-title{letter-spacing:1px;text-transform:uppercase;font-size:clamp(54px, 9vw)!important}.winner-small-text{color:#ffffffb8;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:13px;font-weight:800}.winner-detail,.winner-match-name{color:#fff;margin:8px 0;font-size:18px;font-weight:700}.winner-match-name{font-size:22px}.winner-button{color:#2b1b0f;cursor:pointer;background:#d6a85f;border:none;border-radius:999px;margin-top:18px;padding:12px 20px;font-size:15px;font-weight:900;box-shadow:0 5px #8d6230}.winner-button:hover{transform:translateY(-2px);box-shadow:0 7px #8d6230}.winner-button:active{transform:translateY(2px);box-shadow:0 2px #8d6230}.dice-layer{z-index:30;pointer-events:none;position:absolute;inset:0}.dice-stage{pointer-events:none;position:absolute;inset:0}.dice-table{left:var(--end-x);top:var(--end-y);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;max-width:142px;display:flex;position:absolute;transform:translate(-50%,-50%)scale(1)rotate(0)}.dice-table-moving{pointer-events:none}.dice-table.rolling{animation:1s cubic-bezier(.15,.9,.25,1) dice-table-travel}.dice{object-fit:contain;filter:drop-shadow(0 7px 8px #00000080);width:32px;height:32px}.dice.tumbling{animation:.25s linear infinite dice-tumble}.dice-two.tumbling{animation-duration:.22s;animation-direction:reverse}.roll-button{pointer-events:auto;color:#2b1b0f;cursor:pointer;background:#d6a85f;border:none;border-radius:999px;padding:10px 22px;font-size:15px;font-weight:700;transition:transform .15s,box-shadow .15s,opacity .15s;position:absolute;top:80%;left:50%;transform:translate(-50%,68px);box-shadow:0 5px #8d6230}.roll-button:hover:not(:disabled){transform:translate(-50%,64px);box-shadow:0 7px #8d6230}.roll-button:active:not(:disabled){transform:translate(-50%,72px);box-shadow:0 2px #8d6230}.roll-button:disabled{opacity:.65;cursor:not-allowed}@keyframes dice-table-travel{0%{left:var(--start-x);top:var(--start-y);transform:translate(-50%,-50%)scale(.9)rotate(0)}20%{left:var(--mid-x);top:var(--mid-y);transform:translate(-50%,-50%)scale(1.12)rotate(18deg)}45%{left:var(--end-x);top:var(--end-y);transform:translate(-50%,-50%)scale(.95)rotate(-12deg)}62%{left:var(--end-x);top:var(--end-y);transform:translate(-50%,-50%)scale(1.08)rotate(8deg)}78%{left:var(--end-x);top:var(--end-y);transform:translate(-50%,-50%)scale(.98)rotate(-5deg)}to{left:var(--end-x);top:var(--end-y);transform:translate(-50%,-50%)scale(1)rotate(0)}}@keyframes dice-tumble{0%{transform:rotate(0)translateY(0)}25%{transform:rotate(90deg)translateY(-7px)}50%{transform:rotate(180deg)translateY(3px)}75%{transform:rotate(270deg)translateY(-5px)}to{transform:rotate(360deg)translateY(0)}}@media (width<=900px){.app{padding:16px}.tavla-side-logo{opacity:.72;z-index:0;gap:8px;font-size:clamp(34px,8vw,64px);line-height:.78;display:grid;left:-84px}.app h1{margin-bottom:14px;font-size:32px}.tavla-board{border-width:8px;width:calc(96vw - 220px);padding:24px 58px 24px 24px}.tavla-board.board-flipped{padding:24px 24px 24px 58px}.board-grid{grid-template-columns:1fr 32px 1fr}.tavla-bar{font-size:10px}.bear-off-rack{width:40px;height:calc(50% - 34px);padding:6px 3px;font-size:10px}.bear-off-top-left,.bear-off-bottom-left{left:14px}.bear-off-top-right,.bear-off-bottom-right{right:0}.bear-off-top-left,.bear-off-top-right{top:24px}.bear-off-bottom-left,.bear-off-bottom-right{bottom:24px}.bear-off-checker{width:24px;height:24px}.bear-off-checker+.bear-off-checker{margin-top:-12px}.bear-off-bottom .bear-off-checker+.bear-off-checker{margin-top:0;margin-bottom:-12px}.point-number{font-size:10px}.dice{width:42px;height:42px}.dice-table{gap:10px}.roll-button{padding:16px;font-size:13px;top:auto;bottom:8px;left:48%;transform:translate(-50%)}.roll-button:hover:not(:disabled){transform:translate(-50%)translateY(-2px)}.roll-button:active:not(:disabled){transform:translate(-50%)translateY(2px)}.move-panel{width:120px;padding:8px;left:-130px}.move-chip{width:58px;height:58px;font-size:28px}.dice-history-panel{width:98px;padding:8px;right:-110px}.dice-history-list{max-height:280px}.dice-history-move{font-size:10px}.player-panel{width:110px;min-width:110px;padding:8px;font-size:11px;top:-10px;right:-122px}.board-flipped .player-panel{left:auto;right:-122px}.autoplay-button{padding:7px 8px;font-size:10px}}@media (width<=600px){.tavla-side-logo{opacity:.62;gap:5px;font-size:clamp(26px,7.5vw,42px);left:-52px}.tavla-board{border-width:6px;border-radius:14px;padding:18px 48px 18px 18px}.tavla-board.board-flipped{padding:18px 18px 18px 48px}.board-grid{border-radius:12px;grid-template-columns:1fr 26px 1fr}.checker{width:30px;height:30px}.bar-checker{width:24px;height:24px}.point-down .checker-stack{top:0}.point-up .checker-stack{bottom:0}.dice{width:34px;height:34px}.dice-table{gap:8px}.roll-button{padding:7px 14px;font-size:12px;top:auto;bottom:6px;left:50%;transform:translate(-50%)}.roll-button:hover:not(:disabled){transform:translate(-50%)translateY(-2px)}.roll-button:active:not(:disabled){transform:translate(-50%)translateY(2px)}.move-panel{width:64px;top:48%;left:-72px}.dice-history-panel,.move-panel-text,.player-panel{display:none}}@media (width<=820px){.setup-choice-layout{grid-template-columns:1fr}}@media (width<=900px) and (height<=500px){.tavla-side-logo{opacity:.68;gap:5px;font-size:clamp(28px,10dvh,52px);left:-70px}.app{padding-top:8px;padding-bottom:max(8px, env(safe-area-inset-bottom))}.tavla-board{width:min(96vw - 220px,160dvh - 28.8px)}.roll-button{bottom:max(6px, env(safe-area-inset-bottom))}}@media (orientation:landscape) and (width<=1000px) and (height<=560px){.tavla-board .checker{width:28px!important;height:28px!important}.tavla-board .checker-stack .checker+.checker{margin-top:-8px!important}.tavla-board .point-up .checker-stack .checker+.checker{margin-top:0!important;margin-bottom:-8px!important}.tavla-board .checker-stack-overlap .checker+.checker{margin-top:-16px!important}.tavla-board .point-up .checker-stack-overlap .checker+.checker{margin-top:0!important;margin-bottom:-16px!important}.tavla-board .bar-checker,.tavla-board .bear-off-checker{width:24px!important;height:24px!important}.tavla-board .bear-off-checker+.bear-off-checker{margin-top:-12px!important}.tavla-board .bear-off-bottom .bear-off-checker+.bear-off-checker{margin-top:-12px!important;margin-bottom:0!important}}@media (orientation:landscape) and (height<=560px){.tavla-board .bear-off-rack{gap:4px!important;width:34px!important;height:calc(50% - 26px)!important;padding:4px 2px!important}.tavla-board .bear-off-top-left,.tavla-board .bear-off-top-right{top:12px!important}.tavla-board .bear-off-bottom-left,.tavla-board .bear-off-bottom-right{bottom:12px!important}.tavla-board .bear-off-top-left,.tavla-board .bear-off-bottom-left{left:2px!important}.tavla-board .bear-off-top-right,.tavla-board .bear-off-bottom-right{right:2px!important}.tavla-board .bear-off-label,.tavla-board .bear-off-count{font-size:9px!important;line-height:1!important}.tavla-board .bear-off-checkers{align-items:center!important}.tavla-board .bear-off-checker{width:20px!important;height:20px!important}.tavla-board .bear-off-checker+.bear-off-checker{margin-top:-14px!important}.tavla-board .bear-off-bottom .bear-off-checkers{flex-direction:column-reverse!important;justify-content:flex-start!important;padding-bottom:1px!important}.tavla-board .bear-off-bottom .bear-off-checker+.bear-off-checker{margin-top:-14px!important;margin-bottom:0!important}}.tavla-lobby-screen{background-image:linear-gradient(#2b1b0fe6,#2b1b0feb),url(/graphics/board-bg.png);background-position:50%;background-size:cover;border:12px solid #5a351f;border-radius:26px;width:min(94vw,920px);padding:24px;box-shadow:0 20px 60px #0000008c,inset 0 0 0 4px #ffdc961f}.tavla-lobby-card{background:#0000006b;border-radius:22px;gap:16px;padding:clamp(18px,4vw,32px);display:grid;box-shadow:inset 0 0 0 1px #ffffff1a}.tavla-lobby-card h2{color:#fff;margin:0;font-size:clamp(34px,6vw,58px);line-height:1}.lobby-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.lobby-box,.room-status-card,.room-ticket{background:#ffffff17;border-radius:18px;box-shadow:inset 0 0 0 1px #ffffff1a}.lobby-box{gap:12px;padding:16px;display:grid}.lobby-box h3{margin:0;font-size:22px}.lobby-box-kicker,.room-ticket-label,.room-member-title{color:#f0c276;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:11px;font-weight:900}.room-code-input{text-transform:uppercase;letter-spacing:.18em;text-align:center}.lobby-join-actions{grid-template-columns:1fr;gap:10px;display:grid}.spectator-button{background:#5a96d259}.room-ticket{justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;display:flex}.room-ticket strong{color:#fff;letter-spacing:.16em;margin-top:4px;font-size:clamp(30px,6vw,48px);line-height:1;display:block}.copy-code-button{white-space:nowrap}.room-status-card{gap:14px;padding:16px;display:grid}.room-status-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.room-status-header strong{margin-top:4px;font-size:22px;display:block}.connection-pill{color:#ffdcdcf2;background:#ff5f5f2e;border-radius:999px;flex:none;padding:7px 10px;font-size:11px;font-weight:900;box-shadow:inset 0 0 0 1px #ff828233}.connection-pill.online{color:#d2ffdcf2;background:#5fd2782e;box-shadow:inset 0 0 0 1px #82ff9633}.room-members-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.room-member-list{gap:7px;margin:8px 0 0;padding:0;list-style:none;display:grid}.room-member-list li{color:#fff;background:#00000038;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;font-size:13px;font-weight:800;display:flex}.room-member-list small{color:#ffffff94;font-size:10px;font-weight:800}.local-test-button{color:#fff;cursor:pointer;background:#ffffff21;border:none;border-radius:999px;padding:11px 16px;font-weight:900;box-shadow:inset 0 0 0 1px #ffffff1f}.lobby-server-note strong{color:#f0c276}@media (width<=760px){.tavla-lobby-screen{border-width:8px;width:min(94vw,560px);padding:16px}.lobby-grid,.room-members-grid{grid-template-columns:1fr}.room-ticket,.room-status-header{flex-direction:column;align-items:stretch}}.online-wait-note{background:#0000002e;border:1px solid #f5c16c73;border-radius:14px;padding:10px 12px}.setup-choice-actions .color-choice-button:disabled,.start-game-button:disabled{opacity:.55;cursor:not-allowed}.spectator-view-switcher{z-index:12;color:#ffffffe0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0c0a08d1;border-radius:999px;align-items:center;gap:8px;padding:8px 10px;font-size:11px;font-weight:900;display:flex;position:absolute;top:18px;left:50%;transform:translate(-50%);box-shadow:0 12px 28px #00000059,inset 0 0 0 1px #ffffff1a}.spectator-view-switcher button,.setup-preview-view-switcher button{color:#fffc;font:inherit;cursor:pointer;background:#ffffff1f;border:none;border-radius:999px;padding:7px 10px;font-weight:900}.spectator-view-switcher button.active,.setup-preview-view-switcher button.active{color:#23160d;background:#f0c276;box-shadow:0 4px #5e3416a6}.setup-preview-view-switcher{gap:8px;margin:10px 0 12px;display:flex}@media (orientation:landscape) and (height<=560px){.tavla-board .spectator-view-switcher{padding:5px 8px;font-size:9px;top:6px}.tavla-board .spectator-view-switcher button{padding:5px 7px}}.tavla-board{width:min(95vw,1180px)}.tavla-info-drawer{top:max(18px, env(safe-area-inset-top));z-index:90;pointer-events:none;width:178px;max-height:calc(100dvh - 36px);transition:transform .22s;position:fixed;right:0;transform:translate(calc(100% - 44px))}.info-drawer-tab{color:#23160d;cursor:pointer;pointer-events:auto;background:#d6a85f;border:none;border-radius:14px 0 0 14px;width:44px;min-height:64px;font-size:12px;font-weight:950;position:absolute;top:18px;left:-44px;box-shadow:0 5px #8d6230,0 14px 26px #0000004d}.info-drawer-content{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080706e0;border-radius:16px 0 0 16px;gap:10px;max-height:calc(100dvh - 36px);padding:10px;display:grid;overflow-y:auto;box-shadow:inset 0 0 0 1px #ffffff17,0 18px 42px #0006}.drawer-section{background:#ffffff0f;border-radius:14px;padding:8px;box-shadow:inset 0 0 0 1px #ffffff0f}.drawer-title{color:#f0c276;text-align:center;text-transform:uppercase;letter-spacing:.04em;margin:0 0 8px;font-size:11px;font-weight:950}.tavla-info-drawer .player-panel,.tavla-info-drawer .dice-history-panel{border-radius:14px;width:auto;min-width:0;max-height:none;padding:9px;position:static;inset:auto;transform:none}.spectator-view-switcher-inline{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;grid-template-columns:1fr 1fr;padding:0;display:grid;position:static;transform:none}.rotate-phone-message{display:none}.rotate-phone-card{color:#fff;text-align:center;background:#120d09eb;border:2px solid #f0c27680;border-radius:24px;width:min(88vw,380px);padding:28px 22px;box-shadow:0 18px 60px #00000073}.rotate-phone-icon{color:#23160d;background:#d6a85f;border-radius:24px;place-items:center;width:84px;height:84px;margin:0 auto 14px;font-size:58px;font-weight:950;display:grid;box-shadow:0 8px #8d6230}.rotate-phone-card h2{margin:0 0 10px;font-size:clamp(30px,8vw,48px)}.rotate-phone-card p{color:#f0c276;margin:0;font-weight:800;line-height:1.35}@media (width<=900px){.tavla-board{width:min(98vw,1180px)}.dice{width:28px;height:28px}.dice-table{gap:7px;max-width:92px}.roll-button{padding:8px 16px;font-size:12px}}@media (width<=760px) and (orientation:portrait){.app{min-height:100dvh;padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));place-items:center;display:grid}.tavla-board{display:none}.rotate-phone-message{place-items:center;min-height:100dvh;display:grid}}@media (orientation:landscape) and (height<=560px){.app{padding:max(6px, env(safe-area-inset-top)) 6px max(6px, env(safe-area-inset-bottom))}.tavla-side-logo{display:none}.tavla-board{border-width:6px;width:min(98vw,160dvh - 22.4px);padding:14px 38px 14px 14px}.board-grid{grid-template-columns:1fr 26px 1fr}.tavla-board .dice{width:22px!important;height:22px!important}.tavla-board .dice-table{gap:5px!important;max-width:58px!important}.tavla-board .roll-button{padding:5px 12px!important;font-size:11px!important;bottom:3px!important}.tavla-info-drawer{top:max(6px, env(safe-area-inset-top));width:162px;max-height:calc(100dvh - 12px)}.info-drawer-content{gap:8px;max-height:calc(100dvh - 12px);padding:8px}.info-drawer-tab{min-height:54px;top:8px}}.tavla-board{--info-drawer-width:218px;--info-drawer-gap:8px;--board-open-reserve:calc(var(--info-drawer-width) + 44px);transition:width .22s,padding .22s;width:min(98vw,160dvh - 92.8px,1280px)!important}.tavla-board.info-open{width:min(calc(98vw - var(--board-open-reserve)), calc((100dvh - 58px) * 1.6), 1060px)!important}.tavla-info-drawer{pointer-events:none;transition:transform .22s;z-index:95!important;width:var(--info-drawer-width)!important;max-height:none!important;position:absolute!important;top:14px!important;bottom:14px!important;right:0!important;transform:translate(100%)!important}.tavla-info-drawer.open{pointer-events:auto;transform:translateX(calc(100% + var(--info-drawer-gap)))!important}.info-drawer-tab{pointer-events:auto;color:#21150c!important;background:linear-gradient(#f0c276,#c58c45)!important;border:0!important;border-radius:18px 0 0 18px!important;width:38px!important;min-height:76px!important;font-size:21px!important;font-weight:950!important;line-height:1!important;position:absolute!important;top:50%!important;left:0!important;transform:translate(-100%,-50%)!important;box-shadow:0 6px #7d4c24,0 15px 28px #0000005c,inset 0 0 0 1px #ffffff38!important}.info-drawer-tab:before{content:"";background:#ffffff2e;width:2px;position:absolute;top:12px;bottom:12px;right:-1px}.tavla-info-drawer.open .info-drawer-tab{background:linear-gradient(#ffd58b,#d6a85f)!important}.info-drawer-content{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s,transform .22s,visibility 0s linear .22s;transform:translate(12px);height:100%!important;max-height:none!important;overflow-y:auto!important}.tavla-info-drawer.open .info-drawer-content{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .16s 40ms,transform .22s,visibility;transform:translate(0)}.tavla-info-drawer .player-panel,.tavla-info-drawer .dice-history-panel{font-size:11px}.tavla-info-drawer .dice-history-list{max-height:min(38dvh,260px)!important}.move-panel h3{margin-bottom:6px!important;font-size:12px!important}.move-list{gap:6px!important}.move-panel-text{margin-top:8px!important;font-size:8.5px!important;line-height:1.18!important}.end-turn-button{padding:6px!important;font-size:9px!important}.tavla-board .roll-button{padding:8px 18px!important;font-size:13px!important;top:auto!important;bottom:6px!important;left:50%!important;transform:translate(-50%)!important}.tavla-board .dice{width:29px!important;height:29px!important}.tavla-board .dice-table{gap:7px!important;max-width:104px!important}@media (width<=1240px){.tavla-side-logo{display:none}.move-panel{opacity:.92;width:58px!important;padding:6px!important;top:50%!important;left:8px!important}.move-panel h3{font-size:10px!important}.move-chip{width:31px!important;height:31px!important;font-size:15px!important}.move-panel-text{display:none}}@media (width<=980px){.tavla-board{--info-drawer-width:190px;--board-open-reserve:calc(var(--info-drawer-width) + 34px);width:min(99vw,160dvh - 41.6px,1180px)!important}.tavla-board.info-open{width:min(calc(99vw - var(--board-open-reserve)), calc((100dvh - 26px) * 1.6), 980px)!important}.info-drawer-tab{width:34px!important;min-height:66px!important;font-size:18px!important}.info-drawer-content{gap:8px!important;padding:8px!important}.tavla-info-drawer .player-panel,.tavla-info-drawer .dice-history-panel{padding:8px!important}}@media (orientation:landscape) and (height<=560px){.app{padding:max(4px, env(safe-area-inset-top)) 4px max(4px, env(safe-area-inset-bottom))!important}.tavla-board{--info-drawer-width:154px;--info-drawer-gap:5px;--board-open-reserve:calc(var(--info-drawer-width) + 28px);border-width:5px!important;border-radius:14px!important;width:min(100vw - 10px,160dvh - 12.8px)!important;padding:10px 28px 10px 10px!important}.tavla-board.info-open{width:min(calc(100vw - var(--board-open-reserve)), calc((100dvh - 8px) * 1.6))!important}.tavla-info-drawer{top:6px!important;bottom:6px!important}.info-drawer-tab{border-radius:12px 0 0 12px!important;width:28px!important;min-height:50px!important;font-size:15px!important}.info-drawer-content{border-radius:12px 0 0 12px!important;gap:6px!important;padding:6px!important}.drawer-section{padding:6px!important}.drawer-title{margin-bottom:6px!important;font-size:9px!important}.tavla-info-drawer .player-panel,.tavla-info-drawer .dice-history-panel{border-radius:10px!important;padding:6px!important;font-size:9px!important}.tavla-info-drawer .dice-history-list{max-height:86px!important}.move-panel{border-radius:10px!important;width:44px!important;padding:4px!important;left:4px!important}.move-panel h3{display:none}.move-list{gap:4px!important}.move-chip{border-radius:8px!important;width:25px!important;height:25px!important;font-size:12px!important;box-shadow:0 2px #8d6230!important}.move-chip-x{font-size:31px!important}.end-turn-button{margin-top:5px!important;padding:4px 5px!important;font-size:8px!important}.tavla-board .dice{width:18px!important;height:18px!important}.tavla-board .dice-table{gap:4px!important;max-width:48px!important}.tavla-board .roll-button{padding:4px 10px!important;font-size:10px!important;bottom:1px!important;box-shadow:0 3px #8d6230!important}}@media (width<=760px) and (orientation:portrait){.tavla-board{display:none!important}}html,body,#app{width:100%;max-width:100%}body{overflow-x:hidden}.app:has(.tavla-board){width:100dvw;height:100dvh;min-height:100dvh;padding:max(4px, env(safe-area-inset-top)) max(4px, env(safe-area-inset-right)) max(4px, env(safe-area-inset-bottom)) max(4px, env(safe-area-inset-left));overflow:hidden}.tavla-board{--info-drawer-width:clamp(154px, 16vw, 222px);--info-drawer-gap:6px;--info-tab-width:clamp(28px, 3vw, 38px);--board-open-reserve:calc(var(--info-drawer-width) + var(--info-drawer-gap) + var(--info-tab-width) + 10px);width:min(100dvw - 10px,160dvh - 16px,1400px)!important;max-width:calc(100dvw - 10px)!important;max-height:calc(100dvh - 10px)!important;margin:0!important}.tavla-board.info-open{width:min(calc(100dvw - var(--board-open-reserve)), calc((100dvh - 10px) * 1.6), 1400px)!important;max-width:calc(100dvw - var(--board-open-reserve))!important}.tavla-info-drawer{width:var(--info-drawer-width)!important;transform:translate(100%)!important}.tavla-info-drawer.open{transform:translateX(calc(100% + var(--info-drawer-gap)))!important}.info-drawer-tab{width:var(--info-tab-width)!important}.move-panel{border-radius:11px!important;width:54px!important;padding:5px!important;left:6px!important}.move-panel h3{display:none!important}.move-chip{border-radius:9px!important;width:28px!important;height:28px!important;font-size:14px!important;box-shadow:0 2px #8d6230!important}.move-panel-text{display:none!important}.end-turn-button{margin-top:5px!important;padding:4px 5px!important;font-size:8px!important}.tavla-board .roll-button{bottom:2px!important}@media (orientation:landscape) and (height<=620px){.app:has(.tavla-board){padding:max(2px, env(safe-area-inset-top)) max(2px, env(safe-area-inset-right)) max(2px, env(safe-area-inset-bottom)) max(2px, env(safe-area-inset-left))!important}.tavla-board{--info-drawer-width:clamp(132px, 20vw, 168px);--info-drawer-gap:4px;--info-tab-width:25px;--board-open-reserve:calc(var(--info-drawer-width) + var(--info-drawer-gap) + var(--info-tab-width) + 6px);border-width:4px!important;border-radius:12px!important;width:min(100dvw - 4px,160dvh - 6.4px)!important;max-width:calc(100dvw - 4px)!important;max-height:calc(100dvh - 4px)!important;padding:8px 24px 8px 8px!important}.tavla-board.info-open{width:min(calc(100dvw - var(--board-open-reserve)), calc((100dvh - 4px) * 1.6))!important;max-width:calc(100dvw - var(--board-open-reserve))!important}.tavla-info-drawer{top:4px!important;bottom:4px!important}.info-drawer-tab{min-height:44px!important;font-size:13px!important}.info-drawer-content{gap:5px!important;padding:5px!important}.move-panel{border-radius:8px!important;width:36px!important;padding:3px!important;left:3px!important}.move-chip{border-radius:7px!important;width:21px!important;height:21px!important;font-size:11px!important}.move-chip-x{font-size:27px!important}.tavla-board .dice{width:16px!important;height:16px!important}.tavla-board .dice-table{gap:3px!important;max-width:44px!important}.tavla-board .roll-button{padding:3px 9px!important;font-size:9px!important;bottom:0!important}}html,body,#app,.app{overscroll-behavior:none;-webkit-text-size-adjust:100%}body{touch-action:manipulation}@media (display-mode:fullscreen),(display-mode:standalone){html,body,#app,.app{width:100dvw;height:100dvh;overflow:hidden}}@media (width<=760px) and (orientation:portrait){.tavla-start-screen,.tavla-lobby-screen{display:grid!important}.rotate-phone-message{width:100dvw;min-height:100dvh;padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom))}}.tavla-side-logo{z-index:1!important}.move-panel{z-index:12!important;top:50%!important;left:clamp(-116px,-8vw,-76px)!important;transform:translateY(-50%)!important}@media (orientation:landscape) and (height<=620px){.app:has(.tavla-board){padding:max(2px, env(safe-area-inset-top)) max(2px, env(safe-area-inset-right)) max(2px, env(safe-area-inset-bottom)) max(2px, env(safe-area-inset-left))!important;place-items:center!important}.tavla-board{width:min(100dvw - 4px,160dvh - 6.4px)!important;max-height:calc(100dvh - 4px)!important}.tavla-side-logo{opacity:.96;gap:4px!important;font-size:clamp(28px,7.8dvh,46px)!important;line-height:.78!important;display:grid!important;top:50%!important;left:clamp(-70px,-7.5vw,-44px)!important}.move-panel{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#080706d6!important;border-radius:9px!important;width:clamp(32px,5.2dvh,42px)!important;padding:3px!important;top:50%!important;left:clamp(-70px,-7.5vw,-44px)!important;transform:translateY(-50%)!important}.move-list{gap:3px!important}.move-chip{border-radius:8px!important;width:clamp(20px,5dvh,28px)!important;height:clamp(20px,5dvh,28px)!important;font-size:clamp(10px,2.8dvh,14px)!important}.move-chip-x{font-size:clamp(24px,6dvh,32px)!important}.end-turn-button{padding:3px 4px!important;font-size:7px!important}.tavla-board .dice{width:clamp(14px,4dvh,18px)!important;height:clamp(14px,4dvh,18px)!important}.tavla-board .dice-table{gap:3px!important;max-width:42px!important}.tavla-board .roll-button{padding:3px 9px!important;font-size:clamp(8px,2.4dvh,10px)!important;line-height:1!important;bottom:0!important}}@media (orientation:landscape) and (height<=430px){.tavla-side-logo{font-size:clamp(24px,7dvh,38px)!important;left:clamp(-54px,-6vw,-34px)!important}.move-panel{left:clamp(-54px,-6vw,-34px)!important}}.tavla-info-drawer .player-panel{box-sizing:border-box!important;width:100%!important;min-width:0!important}.tavla-info-drawer .player-profile-row,.tavla-info-drawer .player-turn-row,.tavla-info-drawer .panel-stacked-row{grid-template-columns:1fr!important;justify-content:start!important;align-items:start!important;gap:2px!important;display:grid!important}.tavla-info-drawer .panel-stacked-row>span{color:#ffffffb8!important;font-size:.92em!important;line-height:1.05!important;display:block!important}.tavla-info-drawer .panel-stacked-row>strong{overflow-wrap:anywhere!important;gap:1px!important;min-width:0!important;max-width:100%!important;line-height:1.05!important;display:grid!important}.tavla-info-drawer .panel-stacked-row>strong small{color:#ffffffad!important;font-size:.82em!important;font-weight:800!important;line-height:1!important;display:block!important}.tavla-info-drawer .score-board-title{white-space:normal!important;font-size:10px!important}.tavla-info-drawer .score-row{gap:6px!important;padding:5px 6px!important}.tavla-info-drawer .score-color-label{font-size:11px!important}.tavla-info-drawer .score-row small{overflow-wrap:anywhere!important;max-width:100%!important}.tavla-info-drawer .autoplay-button{white-space:normal!important;padding:7px!important;font-size:9px!important;line-height:1.05!important}.tavla-board .roll-button.roll-button-dice{z-index:74!important;border-radius:13px!important;grid-template-columns:20px auto!important;justify-content:center!important;align-items:center!important;gap:6px!important;min-width:76px!important;min-height:42px!important;padding:6px 9px!important;display:grid!important;inset:auto 8px 8px auto!important;transform:none!important;box-shadow:0 4px #8d6230,0 10px 18px #00000047!important}.roll-button-dice-face{background:#fff4cf;border-radius:6px;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:3px;width:20px;height:20px;padding:4px;display:grid;box-shadow:inset 0 0 0 1px #4a2b1359,0 2px 3px #0003}.roll-button-dice-face span{background:#2b1b0f;border-radius:999px;place-self:center;width:4px;height:4px;display:block}.roll-button-label{white-space:nowrap;min-width:0;font-weight:950;line-height:1;display:block}@media (orientation:landscape) and (height<=620px){.tavla-board{--info-drawer-width:clamp(118px, 17vw, 145px)!important;--info-drawer-gap:3px!important;--info-tab-width:24px!important;--board-open-reserve:calc(var(--info-drawer-width) + var(--info-drawer-gap) + var(--info-tab-width) + 5px)!important}.tavla-info-drawer{width:var(--info-drawer-width)!important;top:3px!important;bottom:3px!important}.info-drawer-content{gap:5px!important;padding:5px!important;overflow-x:hidden!important}.tavla-info-drawer .player-panel,.tavla-info-drawer .dice-history-panel{border-radius:10px!important;padding:6px!important;font-size:8.5px!important}.tavla-info-drawer .score-board{gap:4px!important;padding-top:5px!important}.tavla-info-drawer .score-board-title{font-size:8.5px!important;line-height:1.05!important}.tavla-info-drawer .score-row{border-radius:8px!important;grid-template-columns:1fr auto!important;padding:4px 5px!important}.tavla-info-drawer .score-color-label{font-size:9px!important}.tavla-info-drawer .score-row small{font-size:7.5px!important}.tavla-info-drawer .score-row>strong:last-child{min-width:14px!important;font-size:12px!important}.tavla-info-drawer .autoplay-button{padding:5px!important;font-size:7.5px!important;box-shadow:0 2px #8d6230!important}.tavla-info-drawer .dice-history-list{max-height:70px!important}.tavla-info-drawer .dice-history-item{border-radius:8px!important;padding:4px!important}.tavla-info-drawer .dice-history-player,.tavla-info-drawer .dice-history-move{font-size:7.5px!important}.tavla-info-drawer .dice-history-value{width:18px!important;height:18px!important;font-size:9px!important}.tavla-board .roll-button.roll-button-dice{border-radius:10px!important;grid-template-columns:15px auto!important;gap:4px!important;min-width:58px!important;min-height:31px!important;padding:4px 6px!important;font-size:8.5px!important;bottom:4px!important;right:4px!important;box-shadow:0 2px #8d6230,0 7px 12px #0000003d!important}.roll-button-dice-face{border-radius:5px;gap:2px;width:15px;height:15px;padding:3px}.roll-button-dice-face span{width:3px;height:3px}.roll-button-label{font-size:8.5px!important}}@media (orientation:landscape) and (height<=430px){.tavla-board{--info-drawer-width:clamp(106px, 16vw, 130px)!important}.tavla-info-drawer .player-panel,.tavla-info-drawer .dice-history-panel{padding:5px!important;font-size:7.5px!important}.tavla-info-drawer .autoplay-button{display:none!important}}.tavla-board .roll-button.roll-button-dice{z-index:76!important;background:linear-gradient(145deg,#f3c875,#c98f43)!important;border-radius:15px!important;grid-template-columns:1fr!important;place-items:center!important;gap:0!important;width:58px!important;min-width:58px!important;height:58px!important;min-height:58px!important;padding:0!important;display:grid!important;inset:auto -72px 18px auto!important;transform:none!important;box-shadow:0 5px #8d6230,0 12px 22px #00000057,inset 0 0 0 2px #fff5cd47!important}.tavla-board .roll-button.roll-button-dice:hover:not(:disabled){transform:translateY(-2px)!important;box-shadow:0 7px #8d6230,0 15px 25px #00000061,inset 0 0 0 2px #fff5cd52!important}.tavla-board .roll-button.roll-button-dice:active:not(:disabled){transform:translateY(3px)!important;box-shadow:0 2px #8d6230,0 8px 16px #00000047,inset 0 0 0 2px #fff5cd3d!important}.roll-button-dice-face{border-radius:inherit!important;background:radial-gradient(circle at 26% 22%,#ffffff6b,#0000 30%),linear-gradient(145deg,#f6d089,#d49b4d)!important;place-items:center!important;width:100%!important;height:100%!important;padding:5px!important;display:grid!important;box-shadow:inset 0 0 0 1px #482a1257,inset -4px -5px 9px #512d122e,inset 4px 4px 8px #fff2c23d!important}.roll-button-dice-face .roll-button-label,.roll-button-label{text-align:center!important;white-space:normal!important;word-break:keep-all!important;color:#24160b!important;text-shadow:0 1px #ffebaf6b!important;max-width:100%!important;font-size:11px!important;font-weight:950!important;line-height:1.02!important;display:block!important}@media (orientation:landscape) and (height<=620px){.tavla-board{--right-button-rail:clamp(42px, 7.4dvh, 54px);width:min(calc(100dvw - var(--right-button-rail) - 4px), calc((100dvh - 4px) * 1.6))!important;max-width:calc(100dvw - var(--right-button-rail) - 4px)!important}.tavla-board.info-open{width:min(calc(100dvw - var(--board-open-reserve) - var(--right-button-rail)), calc((100dvh - 4px) * 1.6))!important;max-width:calc(100dvw - var(--board-open-reserve) - var(--right-button-rail))!important}.tavla-board .roll-button.roll-button-dice{right:calc(-1 * var(--right-button-rail) + 5px)!important;border-radius:clamp(8px,1.6dvh,11px)!important;width:clamp(34px,7.1dvh,44px)!important;min-width:clamp(34px,7.1dvh,44px)!important;height:clamp(34px,7.1dvh,44px)!important;min-height:clamp(34px,7.1dvh,44px)!important;bottom:clamp(4px,1.2dvh,8px)!important;box-shadow:0 3px #8d6230,0 8px 14px #00000047,inset 0 0 0 1px #fff5cd3d!important}.roll-button-dice-face{padding:3px!important}.roll-button-dice-face .roll-button-label,.roll-button-label{font-size:clamp(6.8px,1.75dvh,9px)!important;line-height:.96!important}}@media (orientation:landscape) and (height<=430px){.tavla-board{--right-button-rail:clamp(36px, 7dvh, 46px)}.roll-button-dice-face .roll-button-label,.roll-button-label{font-size:clamp(6.2px,1.68dvh,8px)!important}}.tavla-board .roll-button.roll-button-dice{border-radius:16px!important;width:66px!important;min-width:66px!important;height:66px!important;min-height:66px!important;top:62%!important;bottom:auto!important;right:-78px!important;transform:translateY(-50%)!important}.roll-button-dice-face{position:relative!important;overflow:hidden!important}.roll-button-dice-face .roll-pip{z-index:1!important;background:#2a1b10!important;border-radius:999px!important;width:7px!important;min-width:7px!important;height:7px!important;min-height:7px!important;display:block!important;position:absolute!important;box-shadow:inset 0 1px 1px #ffffff47,0 1px 1px #0000003d!important}.roll-button-dice-face .roll-button-label,.roll-button-label{z-index:2!important;color:#0d4fbd!important;text-align:center!important;text-shadow:0 1px #ffffff73!important;place-items:center!important;width:100%!important;height:100%!important;padding:0 7px!important;font-size:10.5px!important;line-height:.96!important;display:grid!important;position:relative!important}@media (orientation:landscape) and (height<=620px){.tavla-board{--right-button-rail:clamp(50px, 8.2dvh, 62px)!important}.tavla-board .roll-button.roll-button-dice{right:calc(-1 * var(--right-button-rail) - 2px)!important;width:clamp(42px,7.8dvh,52px)!important;min-width:clamp(42px,7.8dvh,52px)!important;height:clamp(42px,7.8dvh,52px)!important;min-height:clamp(42px,7.8dvh,52px)!important;top:62%!important;bottom:auto!important;transform:translateY(-50%)!important}.tavla-board .roll-button.roll-button-dice:hover:not(:disabled){transform:translateY(calc(-50% - 2px))!important}.tavla-board .roll-button.roll-button-dice:active:not(:disabled){transform:translateY(calc(2px - 50%))!important}.roll-button-dice-face .roll-pip{width:clamp(4px,1.05dvh,6px)!important;min-width:clamp(4px,1.05dvh,6px)!important;height:clamp(4px,1.05dvh,6px)!important;min-height:clamp(4px,1.05dvh,6px)!important}.roll-pip-top-left{top:clamp(7px,1.55dvh,10px)!important;left:clamp(7px,1.55dvh,10px)!important}.roll-pip-top-right{top:clamp(7px,1.55dvh,10px)!important;right:clamp(7px,1.55dvh,10px)!important}.roll-pip-bottom-left{bottom:clamp(7px,1.55dvh,10px)!important;left:clamp(7px,1.55dvh,10px)!important}.roll-pip-bottom-right{bottom:clamp(7px,1.55dvh,10px)!important;right:clamp(7px,1.55dvh,10px)!important}.roll-button-dice-face .roll-button-label,.roll-button-label{color:#0d4fbd!important;padding:0 5px!important;font-size:clamp(6.8px,1.55dvh,8.5px)!important}}.tavla-board{--info-drawer-width:clamp(120px, 10.5vw, 158px)!important;--board-open-reserve:calc(var(--info-drawer-width) + var(--info-drawer-gap) + var(--info-tab-width) + 5px)!important}.tavla-info-drawer .player-panel,.tavla-info-drawer .dice-history-panel{border-radius:10px!important;padding:6px!important;font-size:9px!important}.tavla-info-drawer .score-board{gap:3px!important;padding-top:5px!important}.tavla-info-drawer .score-board-title,.tavla-info-drawer .dice-history-panel h3{white-space:nowrap!important;margin-bottom:4px!important;font-size:8.5px!important;line-height:1.05!important}.tavla-info-drawer .score-row{border-radius:8px!important;grid-template-columns:minmax(0,1fr) auto!important;gap:4px!important;padding:4px 5px!important;display:grid!important}.tavla-info-drawer .score-row span{min-width:0!important}.tavla-info-drawer .score-color-label{font-size:8.5px!important;line-height:1!important}.tavla-info-drawer .score-row small{text-overflow:ellipsis!important;white-space:nowrap!important;max-width:100%!important;font-size:7px!important;line-height:1!important;display:block!important;overflow:hidden!important}.tavla-info-drawer .score-row>strong:last-child{min-width:14px!important;font-size:12px!important;line-height:1!important}.tavla-info-drawer .dice-history-list{gap:3px!important;max-height:min(30dvh,170px)!important;padding-right:0!important}.tavla-info-drawer .dice-history-item{border-radius:8px!important;grid-template-columns:minmax(0,1fr) auto!important;gap:2px 4px!important;padding:4px!important}.tavla-info-drawer .dice-history-player{font-size:7px!important;line-height:1!important}.tavla-info-drawer .dice-history-move{text-overflow:ellipsis!important;white-space:nowrap!important;font-size:8px!important;line-height:1.05!important;overflow:hidden!important}.tavla-info-drawer .dice-history-value{border-radius:6px!important;width:16px!important;min-width:16px!important;height:16px!important;font-size:9px!important}@media (orientation:landscape) and (height<=620px){.tavla-board{--info-drawer-width:clamp(96px, 14vw, 118px)!important;--board-open-reserve:calc(var(--info-drawer-width) + var(--info-drawer-gap) + var(--info-tab-width) + 4px)!important}.tavla-info-drawer .player-panel,.tavla-info-drawer .dice-history-panel{padding:4px!important;font-size:7.5px!important}.tavla-info-drawer .score-board-title,.tavla-info-drawer .dice-history-panel h3{font-size:7.2px!important}.tavla-info-drawer .score-row{padding:3px 4px!important}.tavla-info-drawer .score-color-label{font-size:7.4px!important}.tavla-info-drawer .score-row small{font-size:6.3px!important}.tavla-info-drawer .score-row>strong:last-child{font-size:10px!important}.tavla-info-drawer .dice-history-list{max-height:58px!important}.tavla-info-drawer .dice-history-item{padding:3px!important}.tavla-info-drawer .dice-history-player,.tavla-info-drawer .dice-history-move{font-size:6.5px!important}.tavla-info-drawer .dice-history-value{width:14px!important;min-width:14px!important;height:14px!important;font-size:8px!important}}@media (orientation:landscape) and (height<=430px){.tavla-board{--info-drawer-width:clamp(88px, 13vw, 108px)!important}}.tavla-board{--right-button-rail:clamp(68px, 7vw, 88px)!important;padding-left:clamp(16px,2.2vw,24px)!important;padding-right:clamp(40px,4vw,56px)!important}.bear-off-rack{width:54px!important;height:calc(50% - 30px)!important;padding:7px 4px!important}.bear-off-top-right,.bear-off-bottom-right{right:4px!important}.bear-off-top-left,.bear-off-bottom-left{left:4px!important}.bear-off-top-left,.bear-off-top-right{top:18px!important}.bear-off-bottom-left,.bear-off-bottom-right{bottom:18px!important}.bear-off-checkers{overflow:hidden!important}.bear-off-checker{width:28px!important;height:28px!important}.bear-off-checker+.bear-off-checker{margin-top:-15px!important}.bear-off-bottom .bear-off-checker+.bear-off-checker{margin-top:0!important;margin-bottom:-15px!important}.tavla-board .roll-button.roll-button-dice{right:calc(-1 * var(--right-button-rail) + 2px)!important;border-radius:17px!important;width:68px!important;min-width:68px!important;height:68px!important;min-height:68px!important;top:74%!important;bottom:auto!important;transform:translateY(-50%)!important}.tavla-board .roll-button.roll-button-dice:hover:not(:disabled){transform:translateY(calc(-50% - 2px))!important}.tavla-board .roll-button.roll-button-dice:active:not(:disabled){transform:translateY(calc(2px - 50%))!important}.tavla-board .roll-button.roll-button-dice:disabled{transform:translateY(-50%)!important}.roll-button-dice-face{width:100%!important;height:100%!important;padding:0!important;display:block!important;position:relative!important;overflow:hidden!important}.roll-button-dice-face .roll-pip{background:#2b1b10!important;width:6px!important;min-width:6px!important;height:6px!important;min-height:6px!important;box-shadow:inset 0 1px 1px #ffffff38,0 1px 2px #0003!important}.roll-pip-top-left{top:11px!important;left:11px!important}.roll-pip-top-right{top:11px!important;right:11px!important}.roll-pip-bottom-left{bottom:11px!important;left:11px!important}.roll-pip-bottom-right{bottom:11px!important;right:11px!important}.roll-button-dice-face .roll-button-label,.roll-button-label{text-align:center!important;color:#0d4fbd!important;justify-content:center!important;align-items:center!important;padding:0 12px!important;font-size:11px!important;font-weight:950!important;line-height:1.02!important;display:flex!important;position:absolute!important;inset:0!important}.roll-button.roll-reminder:not(:disabled){animation:1s ease-in-out infinite roll-reminder-wiggle!important}@keyframes roll-reminder-wiggle{0%,55%,to{transform:translateY(-50%)rotate(0)scale(1)}10%{transform:translateY(calc(-50% - 1px))rotate(-4deg)scale(1.02)}20%{transform:translateY(calc(1px - 50%))rotate(4deg)scale(1.02)}30%{transform:translateY(calc(-50% - 1px))rotate(-3deg)scale(1.02)}40%{transform:translateY(-50%)rotate(2deg)scale(1)}}@media (orientation:landscape) and (height<=620px){.tavla-board{--right-button-rail:clamp(58px, 9.5dvh, 72px)!important;padding-left:10px!important;padding-right:32px!important}.tavla-board.board-flipped{padding-left:32px!important;padding-right:10px!important}.tavla-board .bear-off-rack{gap:3px!important;width:40px!important;height:calc(50% - 18px)!important;padding:5px 2px!important}.tavla-board .bear-off-top-left,.tavla-board .bear-off-top-right{top:8px!important}.tavla-board .bear-off-bottom-left,.tavla-board .bear-off-bottom-right{bottom:8px!important}.tavla-board .bear-off-top-left,.tavla-board .bear-off-bottom-left{left:2px!important}.tavla-board .bear-off-top-right,.tavla-board .bear-off-bottom-right{right:2px!important}.tavla-board .bear-off-checker{width:21px!important;height:21px!important}.tavla-board .bear-off-checker+.bear-off-checker{margin-top:-12px!important}.tavla-board .bear-off-bottom .bear-off-checker+.bear-off-checker{margin-top:0!important;margin-bottom:-12px!important}.tavla-board .roll-button.roll-button-dice{right:calc(-1 * var(--right-button-rail) + 1px)!important;border-radius:12px!important;width:clamp(44px,8.2dvh,54px)!important;min-width:clamp(44px,8.2dvh,54px)!important;height:clamp(44px,8.2dvh,54px)!important;min-height:clamp(44px,8.2dvh,54px)!important;top:78%!important}.tavla-board .roll-button.roll-button-dice:hover:not(:disabled){transform:translateY(calc(-50% - 2px))!important}.tavla-board .roll-button.roll-button-dice:active:not(:disabled){transform:translateY(calc(2px - 50%))!important}.tavla-board .roll-button.roll-button-dice:disabled{transform:translateY(-50%)!important}.tavla-board .roll-button.roll-reminder:not(:disabled){animation:1s ease-in-out infinite roll-reminder-wiggle-mobile!important}@keyframes roll-reminder-wiggle-mobile{0%,55%,to{transform:translateY(-50%)rotate(0)scale(1)}12%{transform:translateY(calc(-50% - 1px))rotate(-4deg)scale(1.03)}24%{transform:translateY(calc(1px - 50%))rotate(4deg)scale(1.03)}36%{transform:translateY(calc(-50% - 1px))rotate(-3deg)scale(1.02)}}.tavla-board .roll-button-dice-face .roll-pip{width:4px!important;min-width:4px!important;height:4px!important;min-height:4px!important}.tavla-board .roll-pip-top-left{top:8px!important;left:8px!important}.tavla-board .roll-pip-top-right{top:8px!important;right:8px!important}.tavla-board .roll-pip-bottom-left{bottom:8px!important;left:8px!important}.tavla-board .roll-pip-bottom-right{bottom:8px!important;right:8px!important}.tavla-board .roll-button-dice-face .roll-button-label,.tavla-board .roll-button-label{padding:0 8px!important;font-size:clamp(7px,1.65dvh,8.8px)!important}}.info-drawer-tab{z-index:110!important}.tavla-board{--board-side-rail-width:clamp(60px, 5.2vw, 82px)!important;--board-side-rail-inset:clamp(8px, 1vw, 13px)!important;--bear-off-rack-width:calc(var(--board-side-rail-width) - 12px)!important;padding-left:var(--board-side-rail-width)!important;padding-right:var(--board-side-rail-width)!important}.tavla-board.board-flipped{padding-left:var(--board-side-rail-width)!important;padding-right:var(--board-side-rail-width)!important}.tavla-board:before,.tavla-board:after{content:"";top:var(--board-side-rail-inset);bottom:var(--board-side-rail-inset);z-index:1;pointer-events:none;background-color:#0000;background-image:linear-gradient(90deg,#402110db,#693c1eb8,#29180cd1),url(/graphics/board-bg.png);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:2px solid #ffdc962e;border-radius:18px;position:absolute;box-shadow:inset 0 0 0 1px #ffffff14,inset 8px 0 18px #00000038,inset -8px 0 18px #ffbe640f;width:calc(var(--board-side-rail-width) - var(--board-side-rail-inset) - 6px)!important}.tavla-board:before{left:var(--board-side-rail-inset);background-position:0}.tavla-board:after{right:var(--board-side-rail-inset);background-position:100%}.board-grid{position:relative;z-index:3!important}.bear-off-layer{z-index:40!important}.bear-off-rack,.tavla-board .bear-off-rack{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);width:var(--bear-off-rack-width)!important;max-width:var(--bear-off-rack-width)!important;background:#4c261294!important;border-radius:15px!important;gap:4px!important;height:calc(50% - 28px)!important;padding:7px 3px!important}.bear-off-top-left,.bear-off-bottom-left,.tavla-board .bear-off-top-left,.tavla-board .bear-off-bottom-left{left:calc((var(--board-side-rail-width) - var(--bear-off-rack-width)) / 2)!important}.bear-off-top-right,.bear-off-bottom-right,.tavla-board .bear-off-top-right,.tavla-board .bear-off-bottom-right{right:calc((var(--board-side-rail-width) - var(--bear-off-rack-width)) / 2)!important}.bear-off-top-left,.bear-off-top-right,.tavla-board .bear-off-top-left,.tavla-board .bear-off-top-right{top:18px!important}.bear-off-bottom-left,.bear-off-bottom-right,.tavla-board .bear-off-bottom-left,.tavla-board .bear-off-bottom-right{bottom:18px!important}.bear-off-checkers,.tavla-board .bear-off-checkers{align-items:center!important;overflow:hidden!important}.bear-off-checker,.tavla-board .bear-off-checker{width:28px!important;height:28px!important}.bear-off-checker+.bear-off-checker,.tavla-board .bear-off-checker+.bear-off-checker{margin-top:-15px!important}.bear-off-bottom .bear-off-checker+.bear-off-checker,.tavla-board .bear-off-bottom .bear-off-checker+.bear-off-checker{margin-top:0!important;margin-bottom:-15px!important}.roll-button.roll-reminder:not(:disabled) .roll-button-dice-face{transform-origin:50%;animation:1s ease-in-out infinite roll-face-reminder-wiggle!important}@keyframes roll-face-reminder-wiggle{0%,55%,to{transform:rotate(0)scale(1)}10%{transform:rotate(-5deg)scale(1.035)}20%{transform:rotate(5deg)scale(1.035)}30%{transform:rotate(-4deg)scale(1.025)}40%{transform:rotate(3deg)scale(1)}}@media (orientation:landscape) and (height<=620px){.tavla-board{--board-side-rail-width:clamp(48px, 9.4dvh, 62px)!important;--board-side-rail-inset:5px!important;--bear-off-rack-width:calc(var(--board-side-rail-width) - 8px)!important;padding-left:var(--board-side-rail-width)!important;padding-right:var(--board-side-rail-width)!important}.tavla-board.board-flipped{padding-left:var(--board-side-rail-width)!important;padding-right:var(--board-side-rail-width)!important}.tavla-board:before,.tavla-board:after{width:calc(var(--board-side-rail-width) - var(--board-side-rail-inset) - 4px)!important;border-radius:13px!important}.tavla-board .bear-off-rack{width:var(--bear-off-rack-width)!important;max-width:var(--bear-off-rack-width)!important;border-radius:12px!important;gap:3px!important;height:calc(50% - 14px)!important;padding:4px 2px!important}.tavla-board .bear-off-top-left,.tavla-board .bear-off-top-right{top:6px!important}.tavla-board .bear-off-bottom-left,.tavla-board .bear-off-bottom-right{bottom:6px!important}.tavla-board .bear-off-top-left,.tavla-board .bear-off-bottom-left{left:calc((var(--board-side-rail-width) - var(--bear-off-rack-width)) / 2)!important}.tavla-board .bear-off-top-right,.tavla-board .bear-off-bottom-right{right:calc((var(--board-side-rail-width) - var(--bear-off-rack-width)) / 2)!important}.tavla-board .bear-off-label,.tavla-board .bear-off-count{font-size:8px!important;line-height:1!important}.tavla-board .bear-off-checker{width:clamp(19px,4.4dvh,24px)!important;height:clamp(19px,4.4dvh,24px)!important}.tavla-board .bear-off-checker+.bear-off-checker{margin-top:clamp(-15px,-2.8dvh,-11px)!important}.tavla-board .bear-off-bottom .bear-off-checker+.bear-off-checker{margin-top:0!important;margin-bottom:clamp(-15px,-2.8dvh,-11px)!important}}@media (orientation:landscape) and (height<=430px){.tavla-board{--board-side-rail-width:clamp(42px, 9dvh, 54px)!important;--bear-off-rack-width:calc(var(--board-side-rail-width) - 7px)!important}}.checker-animation-layer{z-index:120;pointer-events:none;position:absolute;inset:0;overflow:visible}.animated-checker{left:var(--from-x);top:var(--from-y);filter:drop-shadow(0 10px 10px #0000007a);will-change:left, top, transform, opacity;width:clamp(28px,4.1vw,50px);height:clamp(28px,4.1vw,50px);animation:.52s cubic-bezier(.2,.82,.2,1) forwards tavla-checker-fly;position:absolute;transform:translate(-50%,-50%)}.animated-checker img{object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;display:block}.checker-hidden-for-animation{opacity:0!important}@keyframes tavla-checker-fly{0%{left:var(--from-x);top:var(--from-y);opacity:.96;transform:translate(-50%,-50%)scale(.96)}45%{opacity:1;transform:translate(-50%,-50%)scale(1.12)}to{left:var(--to-x);top:var(--to-y);opacity:1;transform:translate(-50%,-50%)scale(1)}}@media (orientation:landscape) and (height<=620px){.animated-checker{width:clamp(20px,5.5dvh,31px);height:clamp(20px,5.5dvh,31px)}}.tavla-point.remote-selected .checker{transform:translateY(-4px)scale(1.06);filter:drop-shadow(0 0 10px #50d2fff2)drop-shadow(0 0 18px #50aaffcc)drop-shadow(0 7px 8px #0000008c)!important}.tavla-point.remote-selected:before{opacity:1;filter:brightness(1.32)saturate(1.18)}.tavla-point.remote-selected:after{content:"";z-index:12;pointer-events:none;border:3px solid #50d2fff2;border-radius:50%;width:58px;height:58px;animation:.9s ease-in-out infinite remote-selected-pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 4px #50d2ff2e,0 0 20px #50aaffe6}@keyframes remote-selected-pulse{0%,to{opacity:.72;transform:translate(-50%,-50%)scale(.96)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.06)}}@media (orientation:landscape) and (height<=620px){.tavla-point.remote-selected:after{border-width:2px;width:42px;height:42px}}.tavla-point.remote-selected:after{content:none!important;animation:none!important;display:none!important}.tavla-point.remote-selected .checker{filter:drop-shadow(0 0 10px #50d2fff2)drop-shadow(0 0 18px #50aaffcc)drop-shadow(0 7px 8px #0000008c)!important;transform:translateY(-4px)scale(1.06)!important}.room-member-list .member-online-status{white-space:nowrap!important;justify-content:flex-end!important;align-items:center!important;gap:5px!important;font-size:10px!important;font-weight:900!important;line-height:1!important;display:inline-flex!important}.room-member-list .member-online-status:before{content:""!important;background:#ff7878cc!important;border-radius:999px!important;flex:none!important;width:8px!important;height:8px!important;box-shadow:0 0 0 2px #ff787824!important}.room-member-list .member-online-status.online{color:#7dff91!important;text-shadow:0 0 8px #46ff6473!important}.room-member-list .member-online-status.online:before{background:#46ff68!important;animation:1.1s ease-in-out infinite lobby-online-pulse!important;box-shadow:0 0 0 2px #46ff682e,0 0 10px #46ff68f2!important}.room-member-list .member-online-status.offline{color:#ffbebeb8!important}@keyframes lobby-online-pulse{0%,to{opacity:.9;transform:scale(1);box-shadow:0 0 0 2px #46ff6829,0 0 8px #46ff68bf}50%{opacity:1;transform:scale(1.28);box-shadow:0 0 0 5px #46ff681a,0 0 16px #46ff68}}@media (width<=560px){.room-member-list .member-online-status{gap:4px!important;font-size:9px!important}.room-member-list .member-online-status:before{width:7px!important;height:7px!important}}.room-member-list .member-online-status.online,.room-member-list small.online{color:#78ff8d!important;text-shadow:0 0 8px #46ff6880!important}.room-member-list .member-online-status.online:before,.room-member-list small.online:before{content:""!important;vertical-align:middle!important;background:#46ff68!important;border-radius:999px!important;width:8px!important;min-width:8px!important;height:8px!important;min-height:8px!important;margin-right:5px!important;animation:1.1s ease-in-out infinite lobby-online-pulse-all!important;display:inline-block!important;box-shadow:0 0 0 2px #46ff682e,0 0 10px #46ff68f2!important}@keyframes lobby-online-pulse-all{0%,to{opacity:.9;transform:scale(1);box-shadow:0 0 0 2px #46ff6829,0 0 8px #46ff68bf}50%{opacity:1;transform:scale(1.28);box-shadow:0 0 0 5px #46ff681a,0 0 16px #46ff68}}.move-panel{box-sizing:border-box!important;place-items:center!important;width:62px!important;padding:7px!important;display:grid!important}.move-list{place-items:center!important;gap:8px!important;width:100%!important;margin:0!important;padding:0!important;display:grid!important}.move-chip{border-radius:12px!important;place-items:center!important;width:44px!important;height:44px!important;margin:0 auto!important;box-shadow:0 4px #8d6230!important}.move-chip-value{place-items:center!important;width:100%!important;height:100%!important;font-size:28px!important;font-weight:950!important;line-height:1!important;display:grid!important}.move-chip-x{font-size:52px!important}@media (orientation:landscape) and (height<=620px){.move-panel{width:48px!important;padding:5px!important;left:-54px!important}.move-chip{border-radius:10px!important;width:38px!important;height:38px!important}.move-chip-value{font-size:25px!important}.move-chip-x{font-size:46px!important}}@media (orientation:landscape) and (height<=430px){.move-panel{width:44px!important;padding:4px!important;left:-49px!important}.move-chip{width:34px!important;height:34px!important}.move-chip-value{font-size:22px!important}.move-chip-x{font-size:41px!important}}