.bg-app{--stage-max:980px}.bg-shell{background:linear-gradient(160deg,#2a1a0e,#17100a);border:1px solid #c9a24a40;border-radius:var(--r-xl);padding:1rem;box-shadow:var(--shadow-2)}@media (min-width:700px){.bg-shell{padding:1.4rem}}.bg-topbar{display:flex;flex-wrap:wrap;gap:.6rem 1rem;align-items:center;justify-content:space-between;margin-bottom:.9rem}.bg-chip{display:inline-flex;align-items:center;gap:.4rem;background:#0000004d;border:1px solid #c9a24a40;border-radius:999px;padding:.3rem .8rem;font-size:var(--fs-sm);font-weight:700}.bg-chip .k{color:var(--c-muted);font-weight:600;font-size:var(--fs-xs)}.bg-chip .v{color:var(--c-brass-bright)}.bg-playerbar{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.4rem .7rem;border-radius:var(--r-md);border:1px solid #ffffff14;background:#00000038;font-size:var(--fs-sm)}.bg-playerbar.active{border-color:var(--c-brass);box-shadow:inset 0 0 0 1px #c9a24a66}.bg-playerbar .who{display:flex;align-items:center;gap:.5rem;font-weight:800}.bg-dot{width:16px;height:16px;border-radius:50%;border:2px solid #0000004d}.bg-dot.human{background:radial-gradient(circle at 35% 30%,#fff,#cdbf9e 75%)}.bg-dot.computer{background:radial-gradient(circle at 35% 30%,#a9702f,#4c2a10 78%)}.bg-stage{display:flex;gap:.5%;width:100%;max-width:var(--stage-max);margin-inline:auto;direction:ltr}.bg-board{flex:1 1 auto;display:flex;flex-direction:column;aspect-ratio:11/9;background:repeating-linear-gradient(90deg,#0000000d 0 3px,#0000 3px 7px),linear-gradient(160deg,#6b4326,#4a2c15);border:clamp(6px,1.6vw,14px) solid #35200f;border-radius:10px;box-shadow:inset 0 0 40px #0000008c,var(--shadow-1);overflow:hidden;position:relative}.bg-row{flex:1 1 50%;display:flex}.bg-quad{flex:1 1 auto;display:flex}.bg-point{flex:1 1;position:relative;background:#0000;border:0;padding:0;cursor:default;display:flex;flex-direction:column;align-items:center;min-width:0}.bg-point .tri{position:absolute;inset:0;z-index:0}.bg-row.top .bg-point .tri{clip-path:polygon(0 0,100% 0,50% 92%)}.bg-row.bottom .bg-point .tri{clip-path:polygon(50% 8%,0 100%,100% 100%)}.bg-point.ivory .tri{background:linear-gradient(180deg,var(--c-point-ivory),var(--c-point-ivory-2))}.bg-point.walnut .tri{background:linear-gradient(180deg,var(--c-point-walnut),var(--c-point-walnut-2))}.bg-row.bottom .bg-point.ivory .tri{background:linear-gradient(0deg,var(--c-point-ivory),var(--c-point-ivory-2))}.bg-row.bottom .bg-point.walnut .tri{background:linear-gradient(0deg,var(--c-point-walnut),var(--c-point-walnut-2))}.bg-point .pnum{position:absolute;z-index:3;font-size:clamp(7px,1.3vw,11px);color:#ffffff8c;font-weight:700;pointer-events:none}.bg-row.top .bg-point .pnum{top:1px}.bg-row.bottom .bg-point .pnum{bottom:1px}.bg-checkers{position:relative;z-index:2;width:100%;display:flex;flex-direction:column;align-items:center;gap:0;padding-top:2%}.bg-row.bottom .bg-checkers{flex-direction:column-reverse;padding-top:0;padding-bottom:2%;margin-top:auto}.bg-point.selectable,.bg-point.target{cursor:pointer}.bg-point.target:after{content:"";position:absolute;z-index:4;left:50%;top:50%;width:34%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:#46d0bf59;border:2px solid var(--c-turquoise-bright);box-shadow:0 0 12px #46d0bf99;animation:pulse 1.1s var(--ease) infinite}.bg-point.selectable:before{content:"";position:absolute;inset:6% 12%;z-index:1;border-radius:8px;box-shadow:inset 0 0 0 2px #e6c76699}@keyframes pulse{0%,to{opacity:.55}50%{opacity:1}}.bg-checker{width:84%;aspect-ratio:1;border-radius:50%;margin-block:-6%;background-size:cover;background-position:50%;box-shadow:0 2px 3px #00000080;position:relative}.bg-checker:first-child{margin-block-start:0}.bg-checker.human{background-image:url(/board/checker-white.webp);border:1px solid #78643c66}.bg-checker.computer{background-image:url(/board/checker-brown.webp)}.bg-checker.top{box-shadow:0 2px 5px #0000008c}.bg-count{position:absolute;z-index:5;left:50%;transform:translateX(-50%);background:#000000b8;color:#fff;font-size:clamp(9px,1.6vw,13px);font-weight:800;border-radius:999px;padding:0 5px;min-width:18px;text-align:center;border:1px solid #ffffff40}.bg-row.top .bg-count{top:40%}.bg-row.bottom .bg-count{bottom:40%}.bg-bar{flex:0 0 7%;background:linear-gradient(180deg,#2a1a0e,#1c1108);border-inline:clamp(3px,.8vw,7px) solid #35200f;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;position:relative}.bg-row.bottom .bg-bar{justify-content:flex-end}.bg-bar .bg-checkers{padding:4% 0}.bg-bar.bartarget{cursor:pointer;box-shadow:0 0 0 2px var(--c-turquoise-bright) inset}.bg-bar.barsel{box-shadow:0 0 0 2px var(--c-brass-bright) inset}.bg-offcol{flex:0 0 8.5%;display:flex;flex-direction:column;gap:.5%;min-width:34px}.bg-tray{flex:1 1 50%;border:2px solid #35200f;border-radius:8px;background:linear-gradient(160deg,#23150a,#160d06);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3px;position:relative;gap:2px}.bg-tray.target{cursor:pointer;box-shadow:0 0 0 2px var(--c-turquoise-bright) inset}.bg-tray .off-bar{width:80%;height:7%;min-height:4px;border-radius:3px}.bg-tray .off-bar.human{background:linear-gradient(90deg,#f0e6cd,#cdbf9e)}.bg-tray .off-bar.computer{background:linear-gradient(90deg,#a9702f,#5c3316)}.bg-tray .off-label{font-size:var(--fs-xs);color:var(--c-muted);font-weight:700}.bg-tray .off-num{font-size:var(--fs-lg);font-weight:800;color:var(--c-ivory)}.bg-dicebox{display:flex;align-items:center;gap:.5rem}.bg-die{width:44px;height:44px;border-radius:10px;background:linear-gradient(160deg,#f6efdc,#d9caa6);box-shadow:var(--shadow-1),inset 0 -3px 6px #0003;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);padding:6px;gap:1px;position:relative}.bg-die.rolling{animation:shake .5s var(--ease)}.bg-die.used{opacity:.4;filter:grayscale(.6)}.bg-die.doubles{box-shadow:0 0 0 2px var(--c-turquoise-bright),var(--shadow-1)}.bg-die .pip{width:8px;height:8px;border-radius:50%;background:#2a1a0e;align-self:center;justify-self:center}@keyframes shake{0%,to{transform:rotate(0)}25%{transform:rotate(-14deg) translateY(-3px)}75%{transform:rotate(14deg) translateY(2px)}}.bg-die[data-v="1"] .pip:first-child{grid-area:2/2}.bg-die .pip{display:none}.bg-die[data-v="1"] .p5,.bg-die[data-v="3"] .p5,.bg-die[data-v="5"] .p5{display:block;grid-area:2/2}.bg-die[data-v="2"] .p1,.bg-die[data-v="3"] .p1,.bg-die[data-v="4"] .p1,.bg-die[data-v="5"] .p1,.bg-die[data-v="6"] .p1{display:block;grid-area:1/1}.bg-die[data-v="2"] .p9,.bg-die[data-v="3"] .p9,.bg-die[data-v="4"] .p9,.bg-die[data-v="5"] .p9,.bg-die[data-v="6"] .p9{display:block;grid-area:3/3}.bg-die[data-v="4"] .p3,.bg-die[data-v="5"] .p3,.bg-die[data-v="6"] .p3{display:block;grid-area:1/3}.bg-die[data-v="4"] .p7,.bg-die[data-v="5"] .p7,.bg-die[data-v="6"] .p7{display:block;grid-area:3/1}.bg-die[data-v="6"] .p4{display:block;grid-area:2/1}.bg-die[data-v="6"] .p6{display:block;grid-area:2/3}.bg-controls{align-items:center;margin-top:1rem}.bg-actionbar,.bg-controls{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center}.bg-actionbar{margin-top:.8rem}.bg-cube{width:46px;height:46px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(160deg,#efe6cf,#cbbb95);color:#2a1a0e;font-weight:900;font-size:1.1rem;box-shadow:var(--shadow-1);border:1px solid #0003}.bg-layout{display:grid;gap:1rem}@media (min-width:1000px){.bg-layout{grid-template-columns:260px 1fr 260px;align-items:start}}.bg-panel{background:#0000003d;border:1px solid #ffffff14;border-radius:var(--r-md);padding:.8rem}.bg-panel h4{font-size:var(--fs-sm);color:var(--c-brass);margin-bottom:.5rem}.bg-loglist{list-style:none;padding:0;margin:0;font-size:var(--fs-xs);color:var(--c-ivory-dim);max-height:220px;overflow-y:auto}.bg-loglist li{padding:.2rem 0;border-bottom:1px solid #ffffff0d}.bg-dicehist{display:flex;flex-wrap:wrap;gap:.3rem}.bg-dicehist .hd{font-size:var(--fs-xs);background:#0000004d;border:1px solid #c9a24a33;border-radius:6px;padding:1px 6px}.bg-status{text-align:center;min-height:1.5em;color:var(--c-ivory);font-weight:600;margin:.4rem 0}.bg-hint{border-radius:var(--r-md);border:1px solid #46d0bf66;background:#2fb3a31a;padding:.8rem 1rem}.bg-hint h4{color:var(--c-turquoise-bright);margin-bottom:.3rem}.bg-menu{max-width:640px;margin-inline:auto}.bg-optgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:.6rem}.bg-opt{border:1px solid #c9a24a4d;background:#0000003d;color:var(--c-ivory-dim);border-radius:var(--r-md);padding:.7rem;cursor:pointer;font-family:inherit;font-weight:700;min-height:48px;transition:all .15s var(--ease)}.bg-opt:hover{border-color:var(--c-brass);color:var(--c-ivory)}.bg-opt.selected{background:#c9a24a29;border-color:var(--c-brass-bright);color:var(--c-ivory);box-shadow:var(--shadow-brass)}.bg-mode-card{text-align:start}.bg-mode-card small{display:block;color:var(--c-muted);font-weight:600;margin-top:.2rem;font-size:var(--fs-xs)}.bg-setrow{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.55rem 0;border-bottom:1px solid #ffffff0f}.bg-setrow label{font-weight:600;color:var(--c-ivory-dim);font-size:var(--fs-sm)}.bg-select{background:#1c1108;color:var(--c-ivory);border:1px solid #c9a24a4d;border-radius:8px;padding:.4rem .6rem;font-family:inherit;min-height:40px}.bg-switch{position:relative;width:46px;height:26px;border-radius:999px;border:1px solid #c9a24a4d;background:#0006;cursor:pointer;flex:0 0 auto}.bg-switch .knob{position:absolute;top:2px;inset-inline-start:2px;width:20px;height:20px;border-radius:50%;background:var(--c-muted);transition:all .15s var(--ease)}.bg-switch.on{background:#2fb3a34d;border-color:var(--c-turquoise)}.bg-switch.on .knob{inset-inline-start:22px;background:var(--c-turquoise-bright)}.result-title{text-align:center;font-size:var(--fs-2xl);margin-bottom:.3rem}.result-title.win{color:var(--c-win)}.result-title.loss{color:var(--c-loss)}.result-badge{display:inline-block;margin:0 auto .6rem}