:root{--tbl-cap-1:#3C5069;--tbl-cap-2:#212C3A;--tbl-av-1:#5E3235;--tbl-av-2:#3F2022;--table:var(--tbl-cap-1);--table-2:var(--tbl-cap-2);--tint:#DEEAF7;--sheet-1:#1A232E;--sheet-2:#10151B;--sheet-card:#26313F;--wood-2:#D9C096;--pit-1:#9C7A50;--engrave:#7A5A33;--ios-text:#F2F2F7;--ios-dim:#8E8E93;--tg-blue:#3390EC;--tex-wood:url(/tex/wood.jpg);--tex-felt:url(/tex/felt.jpg);--w:min(420px, 100vw);--pit:calc(var(--w) * .155556);--gap:calc(var(--w) * .016667);--stone:calc(var(--w) * .043056);--f-xxs:calc(var(--w) * .025);--f-xs:calc(var(--w) * .030556);--f-sm:calc(var(--w) * .036111);--f-md:calc(var(--w) * .041667);--sp-2:calc(var(--w) * .022222);--sp-3:calc(var(--w) * .036111);--sp-4:calc(var(--w) * .05);--sp-5:calc(var(--w) * .072222);--r-md:calc(var(--w) * .041667)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}body{font-family:Golos Text,-apple-system,system-ui,Segoe UI,sans-serif;color:var(--ios-text);background:var(--table-2);user-select:none}.app{min-height:100dvh;display:flex;flex-direction:column}.app[data-mode=capture]{--table:var(--tbl-cap-1);--table-2:var(--tbl-cap-2);--tint:#DEEAF7;--sheet-1:#1A232E;--sheet-2:#10151B;--sheet-card:#26313F}.app[data-mode=avalanche]{--table:var(--tbl-av-1);--table-2:var(--tbl-av-2);--tint:#F6E0C7;--sheet-1:#291719;--sheet-2:#180E0F;--sheet-card:#3A2427}.screen{flex:1;display:flex;flex-direction:column;min-height:0}[hidden]{display:none!important}.game{position:relative;background-color:var(--table-2);background-image:radial-gradient(118% 74% at 50% 38%,#0000 36%,#00000057),linear-gradient(178deg,var(--table),var(--table-2));transition:background-color .5s ease;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.game:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:var(--tex-felt);background-size:calc(var(--w) * .44);opacity:.14;mix-blend-mode:overlay}.game>*{position:relative;z-index:1}.ghead{flex:none;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-3) calc(var(--w) * .016667)}.ghead-r{display:flex;gap:calc(var(--w) * .016667);justify-self:end}.circ{width:calc(var(--w) * .083333);height:calc(var(--w) * .083333);border-radius:50%;border:0;cursor:pointer;position:relative;background:#ffffffd1;color:#3a2226;font:800 var(--f-sm)/1 "Golos Text",sans-serif;display:grid;place-items:center;transition:opacity .18s}.circ.off{opacity:.5}.circ.off:after{content:"";position:absolute;left:22%;right:22%;top:calc(50% - 1px);height:2px;background:currentColor;transform:rotate(-42deg);border-radius:2px}.modepill{font:800 var(--f-xxs)/1 "Golos Text",sans-serif;letter-spacing:.13em;text-transform:uppercase;color:var(--tint);background:#00000042;padding:calc(var(--w) * .014) calc(var(--w) * .031);border-radius:999px}.pchip{flex:none;display:flex;align-items:center;gap:var(--sp-2);padding:calc(var(--w) * .014) var(--sp-3)}.pav{width:calc(var(--w) * .078);height:calc(var(--w) * .078);border-radius:50%;flex:none;display:grid;place-items:center;color:#fff;font:800 var(--f-xs)/1 "Golos Text",sans-serif;box-shadow:0 0 #fff0;transition:box-shadow .25s}.pav.you{background:linear-gradient(150deg,#5e3e96,#2f7d5b)}.pav.opp{background:linear-gradient(150deg,#b4527f,#c9803a)}.pchip.is-turn .pav{box-shadow:0 0 0 calc(var(--w) * .007) var(--tint)}.pchip.offline .pav{filter:grayscale(.7);opacity:.6}.pn{font:700 var(--f-sm)/1.2 "Golos Text",sans-serif;color:var(--tint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:55%}.ps{margin-left:auto;font:800 var(--f-sm)/1 "Golos Text",sans-serif;color:var(--tint);font-variant-numeric:tabular-nums}.boardwrap{flex:1;display:grid;place-items:center;position:relative;min-height:0}.gfoot{flex:none;text-align:center;padding:calc(var(--w) * .011) var(--sp-3) var(--sp-4);font:500 var(--f-xs)/1.4 "Golos Text",sans-serif;color:#fff9;min-height:calc(var(--w) * .13)}.board{position:relative;display:flex;flex-direction:column;gap:var(--gap);padding:calc(var(--w) * .025) calc(var(--w) * .072222);border-radius:calc(var(--w) * .083333);background-color:var(--wood-2);background-image:linear-gradient(101deg,#ffffff4d,#ffffff12 16%,#fff0 34%),linear-gradient(281deg,#603e1642,#603e1600 28%),linear-gradient(168deg,#fff1d657,#966e3a33),var(--tex-wood);background-size:auto,auto,auto,calc(var(--w) * .86);background-position:center;box-shadow:inset 0 0 0 1px #ffffff59,inset 0 calc(var(--w) * -.011) calc(var(--w) * .028) #5a3c1459,0 calc(var(--w) * .028) calc(var(--w) * .072) #0000006b}.grid{display:grid;grid-template-columns:var(--pit) var(--pit);gap:var(--gap)}.cell{position:relative;width:var(--pit);height:var(--pit)}.pit,.store{background-color:var(--pit-1);background-image:radial-gradient(120% 120% at 50% 20%,#261604b8,#2616046b 62%,#26160499),var(--tex-wood);background-size:auto,calc(var(--w) * .86);background-position:center}.pit{position:absolute;inset:0;border:0;padding:0;border-radius:50%;cursor:default;box-shadow:inset 0 calc(var(--w) * .008) calc(var(--w) * .019) #3c280aa6,inset 0 calc(var(--w) * -.006) 0 #ffffff47,0 1px #fff6}.pit.playable{cursor:pointer}.pit:after{content:"";position:absolute;inset:calc(var(--w) * -.008);border-radius:50%;box-shadow:0 0 0 calc(var(--w) * .006) #fff0cd00;transition:box-shadow .26s ease}.pit.playable:active:after,.pit.playable:hover:after{box-shadow:0 0 0 calc(var(--w) * .006) #fff0cdd9}.pit.src:after{box-shadow:0 0 0 calc(var(--w) * .006) #ffecbe9e}.store{position:relative;height:calc(var(--w) * .167);border-radius:calc(var(--w) * .083);box-shadow:inset 0 calc(var(--w) * .011) calc(var(--w) * .025) #3c280aa6,inset 0 calc(var(--w) * -.006) 0 #ffffff42}.count,.scount{position:absolute;pointer-events:none;font:700 var(--f-xs)/1 "Golos Text",sans-serif;color:var(--engrave);text-shadow:0 1px 0 rgba(255,255,255,.5);font-variant-numeric:tabular-nums}.cell.L .count{right:calc(100% + var(--w) * .014);top:50%;transform:translateY(-50%)}.cell.R .count{left:calc(100% + var(--w) * .014);top:50%;transform:translateY(-50%)}.store.top .scount{top:50%;transform:translateY(-50%);right:calc(var(--w) * -.053)}.store.bot .scount{top:50%;transform:translateY(-50%);left:calc(var(--w) * -.053)}.stone{position:absolute;width:var(--stone);height:var(--stone);border-radius:50%;transform:translate(-50%,-50%);background-size:100% 100%;background-repeat:no-repeat;box-shadow:0 calc(var(--w) * .0036) calc(var(--w) * .0069) #00000080}.s-blue{background-image:radial-gradient(circle at 32% 26%,#a7c4f5,#4c7fe3 52%,#2a4e96)}.s-slate{background-image:radial-gradient(circle at 32% 26%,#7c818c,#2e323b 52%,#14161c)}.s-pearl{background-image:radial-gradient(circle at 32% 26%,#fff,#ede9e1 52%,#b4ac9c)}.fly-layer{position:absolute;inset:0;pointer-events:none;z-index:6}.fly-layer .stone{transform:translate(-50%,-50%)}.pit.hit,.store.hit{animation:hit .42s cubic-bezier(.22,.9,.32,1)}@keyframes hit{0%{transform:scale(1);filter:none}40%{transform:scale(1.055);filter:brightness(1.16)}to{transform:scale(1);filter:none}}.pit.grab{animation:grab .44s ease-out}@keyframes grab{40%{box-shadow:inset 0 0 0 calc(var(--w) * .008) #fff0cdcc,inset 0 calc(var(--w) * .008) calc(var(--w) * .019) #3c280aa6}}.cell.cap .pit{animation:cap 1.05s cubic-bezier(.3,.7,.4,1) both}@keyframes cap{0%{filter:none}28%{filter:brightness(1.62) saturate(.55)}60%{filter:brightness(1.3) saturate(.75)}to{filter:none}}.status{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);z-index:20;pointer-events:none;display:flex;justify-content:center}.status span{background:#120907db;color:#fff3e2;font:800 var(--f-sm)/1 "Golos Text",sans-serif;letter-spacing:.1em;text-transform:uppercase;padding:calc(var(--w) * .03) calc(var(--w) * .055);border-radius:calc(var(--w) * .022);box-shadow:0 calc(var(--w) * .022) calc(var(--w) * .055) #00000073;opacity:0;transform:translateY(calc(var(--w) * .022)) scale(.94);transition:opacity .34s ease,transform .46s cubic-bezier(.2,.85,.3,1)}.status.show span{opacity:1;transform:none}.overlay{position:absolute;inset:0;z-index:30;display:grid;place-items:center;padding:var(--sp-4);background:#0e07069e;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.wait-card,.over-card,.gate-card{width:100%;max-width:calc(var(--w) * .86);text-align:center;border-radius:calc(var(--w) * .072);padding:var(--sp-5) var(--sp-4);background:radial-gradient(120% 62% at 50% 0%,#ffffff1a,#fff0 64%),linear-gradient(180deg,var(--sheet-card),var(--sheet-2));box-shadow:inset 0 1px #ffffff24,0 calc(var(--w) * .055) calc(var(--w) * .13) #0009;display:flex;flex-direction:column;gap:var(--sp-3)}.wait-title{margin:0;font:800 var(--f-md)/1.2 "Golos Text",sans-serif}.wait-sub{margin:0;font:500 var(--f-xs)/1.4 "Golos Text",sans-serif;color:var(--ios-dim)}.spinner{width:calc(var(--w) * .078);height:calc(var(--w) * .078);align-self:center;border:calc(var(--w) * .008) solid rgba(255,255,255,.16);border-top-color:var(--tint);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.over-card{--res:#CFBFA6}.over-card[data-result=win]{--res:#F0C36B}.over-card[data-result=loss]{--res:#96A2B2}.over-card[data-result=draw]{--res:#CFBFA6}.res-badge{align-self:center;font:800 var(--f-xs)/1 "Golos Text",sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--res);padding:calc(var(--w) * .017) calc(var(--w) * .042);border:1px solid rgba(255,255,255,.22);background:#ffffff12;border-color:color-mix(in srgb,var(--res) 42%,transparent);background-color:color-mix(in srgb,var(--res) 12%,transparent);border-radius:999px}.res-mode{margin-top:calc(var(--w) * -.022);font:600 var(--f-xxs)/1 "Golos Text",sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--ios-dim)}.tally{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--sp-2)}.tside{display:flex;flex-direction:column;align-items:center;gap:calc(var(--w) * .017)}.tav{width:calc(var(--w) * .094);height:calc(var(--w) * .094);border-radius:50%;display:grid;place-items:center;color:#fff;font:800 var(--f-xs)/1 "Golos Text",sans-serif}.tav.you{background:linear-gradient(150deg,#5e3e96,#2f7d5b)}.tav.opp{background:linear-gradient(150deg,#b4527f,#c9803a)}.tname{font:600 var(--f-xs)/1 "Golos Text",sans-serif;color:var(--ios-dim);max-width:calc(var(--w) * .26);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tsc{font:900 calc(var(--w) * .105)/1 "Golos Text",sans-serif;letter-spacing:-.03em;font-variant-numeric:tabular-nums;white-space:nowrap}.tsc i{font-style:normal;color:var(--ios-dim);margin:0 calc(var(--w) * .014);font-weight:500}.split{height:calc(var(--w) * .017);border-radius:999px;overflow:hidden;background:#ffffff1f}.split span{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,#6e99ee,#3e71d6);transition:width .95s cubic-bezier(.2,.85,.3,1) .18s}.stats{display:flex;flex-direction:column}.srow{display:grid;grid-template-columns:1fr calc(var(--w) * .108) calc(var(--w) * .108);align-items:baseline;gap:calc(var(--w) * .014);padding:calc(var(--w) * .017) 0;border-top:1px solid rgba(255,255,255,.07)}.srow:first-child{border-top:0}.srow .k{text-align:left;font:500 var(--f-xs)/1.2 "Golos Text",sans-serif;color:var(--ios-dim)}.srow .v{text-align:right;font:700 var(--f-sm)/1 "Golos Text",sans-serif;font-variant-numeric:tabular-nums;color:#ffffff85}.srow .v.lead{color:#fff;font-weight:800}.waiting-rematch{margin:0;font:600 var(--f-xs)/1.3 "Golos Text",sans-serif;color:var(--tint)}.acts{display:flex;flex-direction:column;gap:var(--sp-2)}.btn{width:100%;border:0;cursor:pointer;border-radius:calc(var(--w) * .036);padding:calc(var(--w) * .038);font:700 var(--f-sm)/1.2 "Golos Text",sans-serif;letter-spacing:.01em;transition:filter .18s,background-color .18s}.btn.prim{background:var(--tg-blue);color:#fff}.btn.prim:hover{filter:brightness(1.08)}.btn.sec{background:#ffffff17;color:var(--ios-text)}.btn.sec:hover{background:#ffffff26}.btn[disabled]{opacity:.5;cursor:default}.gate{align-items:center;justify-content:center;padding:var(--sp-4);background-color:var(--table-2);background-image:linear-gradient(178deg,var(--table),var(--table-2))}.gate-title{margin:0;font:900 calc(var(--w) * .12)/1 "Golos Text",sans-serif;letter-spacing:-.03em}.gate-text{margin:0;font:500 var(--f-sm)/1.5 "Golos Text",sans-serif;color:var(--ios-dim)}.conn{position:fixed;left:50%;transform:translate(-50%);top:calc(env(safe-area-inset-top) + var(--sp-2));z-index:60;padding:calc(var(--w) * .014) calc(var(--w) * .036);border-radius:999px;background:#000000a8;color:#fff;font:600 var(--f-xxs)/1 "Golos Text",sans-serif;letter-spacing:.06em;text-transform:uppercase}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}