.match-history{max-width:820px;padding-bottom:var(--sp-48)}.match-history-empty{justify-content:center;align-items:center;gap:var(--sp-20);min-height:200px;color:var(--muted);border-radius:var(--r-8);padding:var(--sp-40) var(--sp-20);text-align:center;background:var(--panel);flex-direction:column;display:flex}.match-history-error{color:var(--red-light);font-size:var(--fs-14)}.match-list{gap:var(--sp-10);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.match-row{align-items:center;gap:var(--sp-18);min-height:76px;padding:var(--sp-12) var(--sp-18);background:var(--panel);border-radius:var(--r-6);transition:transform var(--t-fast);display:flex}.match-row:hover{transform:translateY(-1px)}.match-result{border-radius:var(--r-round);width:38px;height:38px;color:var(--muted);background:color-mix(in srgb,currentColor 14%,transparent);place-items:center;display:grid}.match-row[data-result=win] .match-result{color:var(--gold)}.match-leaders{align-items:center;display:flex}.match-leader{border-radius:var(--r-round);border:2px solid var(--bronze);background:#111;width:48px;height:48px;display:block;overflow:hidden}.match-leader svg{width:100%;height:100%;display:block}.match-leader.enemy{border-color:var(--red);margin-left:-12px}.match-names{gap:var(--sp-6);flex-direction:column;flex:1;min-width:0;display:flex}.match-names strong{font-size:var(--fs-16);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.match-names small{font-size:var(--fs-12);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:var(--sp-6);display:flex;overflow:hidden}.match-meta{align-items:flex-end;gap:var(--sp-6);white-space:nowrap;font-size:var(--fs-12);color:var(--muted);font-variant-numeric:tabular-nums;flex-direction:column;display:flex}.match-play{color:var(--muted)}.match-row:hover .match-play{color:var(--text)}@media (max-width:500px){.match-row{gap:var(--sp-12);padding:var(--sp-10) var(--sp-12)}.match-leader{width:40px;height:40px}.match-result{width:32px;height:32px}.match-play{display:none}}.match-row-loading{background:linear-gradient(100deg,var(--panel) 30%,var(--panel-raised) 50%,var(--panel) 70%) 0 0/300% 100%;animation:1.4s linear infinite match-shimmer}@keyframes match-shimmer{to{background-position:-150% 0}}.replay-loading{justify-content:center;align-items:center;gap:var(--sp-28);background:radial-gradient(ellipse at 50% 50%,#2a1d1d 0,var(--bg) 62%);opacity:0;animation:replay-loading-in var(--t-base) var(--ease-out) .18s forwards;display:flex;position:fixed;inset:0}.replay-loading-leader{aspect-ratio:1;border-radius:var(--r-round);border:3px solid var(--bronze);width:min(26vw,132px);box-shadow:var(--shadow-3) #000a;animation:replay-loading-near 1.6s var(--ease-in-out) infinite alternate;background:#111;overflow:hidden}.replay-loading-leader.enemy{border-color:var(--red);animation-name:replay-loading-near-enemy}.replay-loading-leader svg{width:100%;height:100%;display:block}.replay-loading-ring{aspect-ratio:1;border-radius:var(--r-round);border:3px solid color-mix(in srgb, var(--gold) 20%, transparent);border-top-color:var(--gold);width:min(12vw,56px);animation:game-spin var(--t-long) linear infinite}@keyframes replay-loading-in{to{opacity:1}}@keyframes replay-loading-near{to{transform:translate(8px)}}@keyframes replay-loading-near-enemy{to{transform:translate(-8px)}}@media (prefers-reduced-motion:reduce){.replay-loading-leader,.match-row-loading{animation:none}.replay-loading-ring{animation-duration:2.4s}}.replay-bar{z-index:calc(var(--z-top) + 1);width:760px;color:var(--text);pointer-events:none;--x:var(--lx,0px);--y:var(--ly,0px);--shift:522px;--clip:0 6px 0 554px;transform:translate(calc(420px + var(--x)),calc(826px + var(--y)));position:absolute;top:0;left:0}.replay-bar[data-minimized]{transform:translate(596px,4px)}.replay-shell{isolation:isolate;align-items:center;gap:var(--sp-6);padding:var(--sp-8) var(--sp-14) var(--sp-8) var(--sp-6);display:flex;position:relative}.replay-shell>:not(.replay-backdrop){pointer-events:auto}.replay-backdrop{z-index:-1;pointer-events:none;filter:drop-shadow(0 10px 30px #0009);position:absolute;inset:0}.replay-edge,.replay-fill{clip-path:inset(0 round 999px);position:absolute}.replay-edge{background:color-mix(in srgb, var(--text) 22%, transparent);inset:0}.replay-fill{background:color-mix(in srgb, var(--panel) 96%, transparent);inset:1px}.replay-bar[data-minimized] :is(.replay-edge,.replay-fill){clip-path:inset(var(--clip) round 999px)}.replay-bar[data-minimized] .replay-shell>.replay-button:not(.replay-size){transform:translateX(var(--shift))}.replay-bar[data-minimized] :is(.replay-grip,.replay-track,.replay-extra){opacity:0;visibility:hidden}.replay-bar[data-ready]{transition:transform var(--t-slow) var(--ease-out)}.replay-bar[data-ready] :is(.replay-edge,.replay-fill){transition:clip-path var(--t-slow) var(--ease-out)}.replay-bar[data-ready] .replay-shell>.replay-button{transition:transform var(--t-slow) var(--ease-out)}.replay-bar[data-ready] :is(.replay-grip,.replay-track,.replay-extra){transition:opacity var(--t-fast) var(--ease-in) .2s}.replay-bar[data-ready][data-minimized] :is(.replay-grip,.replay-track,.replay-extra){transition:opacity var(--t-tap) var(--ease-in),visibility 0s .12s}.replay-bar[data-moving]{transition:none}@media (prefers-reduced-motion:reduce){.replay-bar[data-ready],.replay-bar[data-ready] *{transition:none}}.replay-grip{width:28px;height:46px;color:color-mix(in srgb, var(--text) 50.2%, transparent);cursor:grab;touch-action:none;border-radius:var(--r-pill);flex:none;place-items:center;display:grid}.replay-grip:hover{color:var(--text)}.replay-bar[data-moving] .replay-grip{cursor:grabbing;color:var(--gold)}.replay-button{border-radius:var(--r-round);width:40px;height:40px;color:var(--text);flex:none;place-items:center;display:grid}.replay-button:hover:not(:disabled){background:#ffffff14}.replay-button.primary{background:var(--gold);width:46px;height:46px;color:var(--bg)}.replay-button.primary:hover{background:var(--glow)}.replay-track{margin:0 var(--sp-10);flex:1;align-items:center;min-width:0;display:flex;position:relative}.replay-track input{width:100%;accent-color:var(--gold);cursor:pointer;background:0 0;border:0;height:28px;margin:0;padding:0}.replay-turns{pointer-events:none;height:6px;position:absolute;top:calc(50% + 9px);left:8px;right:8px}.replay-turns i{background:var(--red-light);border-radius:1px;width:2px;height:6px;position:absolute;top:0;transform:translate(-50%)}.replay-turns i[data-mine]{background:var(--gold)}.replay-extra,.replay-download{flex:none;display:flex;position:relative}.replay-download-ring{width:24px;height:24px;transform:rotate(-90deg)}.replay-download-ring circle{fill:none;stroke-width:4px;stroke:color-mix(in srgb, var(--text) 18%, transparent)}.replay-download-ring circle+circle{stroke:var(--gold);stroke-linecap:round;transition:stroke-dasharray var(--t-slow) var(--ease-out)}.replay-download-note{align-items:center;gap:var(--sp-14);padding:var(--sp-10) var(--sp-10) var(--sp-10) var(--sp-18);white-space:nowrap;font-size:var(--fs-14);background:var(--panel);border-radius:var(--r-pill);box-shadow:var(--shadow-3) #0009;font-weight:600;display:flex;position:absolute;bottom:calc(100% + 18px);right:-6px}.replay-download-tip{padding:var(--sp-8) var(--sp-16);white-space:nowrap;font-size:var(--fs-14);background:var(--panel);border-radius:var(--r-pill);box-shadow:var(--shadow-3) #0009;pointer-events:none;opacity:0;transition:opacity var(--t-fast),transform var(--t-fast);font-weight:600;position:absolute;bottom:calc(100% + 18px);right:-6px;transform:translateY(4px)}.replay-download>.replay-button:hover+.replay-download-tip,.replay-download>.replay-button:focus-visible+.replay-download-tip{opacity:1;transform:none}.replay-download .replay-download-action{padding:var(--sp-8) var(--sp-14);border-radius:var(--r-pill);background:var(--gold);color:var(--bg);font-size:var(--fs-13);font-weight:700}.replay-download .replay-download-action:hover:not(:disabled){background:var(--glow)}.replay-download-sent{align-items:center;gap:var(--sp-6);padding:var(--sp-8) var(--sp-8);color:var(--gold);display:flex}.replay-download-menu{gap:var(--sp-10);padding:var(--sp-12);background:var(--panel);border-radius:var(--r-18);box-shadow:var(--shadow-3) #0009;flex-direction:column;display:flex;position:absolute;bottom:calc(100% + 18px);right:-6px}.replay-download-menu strong{padding:0 var(--sp-4);text-align:center;font-size:var(--fs-16);letter-spacing:.4px;color:color-mix(in srgb, var(--text) 70.2%, transparent);white-space:nowrap;font-weight:700}.replay-download-menu div{gap:var(--sp-8);display:flex}.replay-download .replay-download-aspect{justify-content:center;align-items:center;gap:var(--sp-8);border-radius:var(--r-12);width:96px;height:96px;color:var(--text);font-size:var(--fs-16);background:#ffffff0d;flex-direction:column;font-weight:700;display:flex}.replay-download .replay-download-aspect:hover{background:var(--gold);color:var(--bg)}.replay-download-aspect svg{fill:none;stroke:currentColor;stroke-width:1.6px;width:34px;height:34px}[data-orientation=portrait] .replay-download-menu{gap:var(--sp-16);padding:var(--sp-18);border-radius:var(--r-28);bottom:calc(100% + 24px)}[data-orientation=portrait] .replay-download-menu strong{font-size:var(--fs-30)}[data-orientation=portrait] .replay-download-menu div{gap:var(--sp-14)}[data-orientation=portrait] .replay-download .replay-download-aspect{gap:var(--sp-12);border-radius:var(--r-18);width:170px;height:170px;font-size:var(--fs-30)}[data-orientation=portrait] .replay-download-aspect svg{width:60px;height:60px}[data-orientation=portrait] .replay-download-ring{width:40px;height:40px}[data-orientation=portrait] .replay-download-note{gap:var(--sp-20);padding:var(--sp-16) var(--sp-16) var(--sp-16) var(--sp-28);font-size:var(--fs-26);bottom:calc(100% + 24px)}[data-orientation=portrait] .replay-download .replay-download-action{padding:var(--sp-14) var(--sp-24);font-size:var(--fs-24);min-height:72px}[data-orientation=portrait] .replay-download-tip{padding:var(--sp-14) var(--sp-24);font-size:var(--fs-26);bottom:calc(100% + 24px)}[data-orientation=portrait] .replay-download-sent{font-size:var(--fs-24)}[data-orientation=portrait] .replay-bar{--x:var(--px,0px);--y:var(--py,0px);--shift:478px;--clip:0 10px 0 526px;width:860px;transform:translate(calc(20px + var(--x)),calc(1488px + var(--y)))}[data-orientation=portrait] .replay-bar[data-minimized]{transform:translate(30px,100px)}[data-orientation=portrait] .replay-shell{gap:var(--sp-4);padding:var(--sp-8) var(--sp-18) var(--sp-8) var(--sp-8)}[data-orientation=portrait] .replay-grip{width:44px;height:80px}[data-orientation=portrait] .replay-grip svg{width:30px;height:30px}[data-orientation=portrait] .replay-button{width:72px;height:72px}[data-orientation=portrait] .replay-button.primary{width:80px;height:80px}[data-orientation=portrait] .replay-button svg{width:30px;height:30px}[data-orientation=portrait] .replay-track input{height:72px}[data-orientation=portrait] .replay-turns{height:10px;top:calc(50% + 14px)}[data-orientation=portrait] .replay-turns i{width:3px;height:10px}
/*# sourceMappingURL=1qcld928qrweo.css.map*/