.sg-soon{justify-items:center;gap:calc(4*var(--g));padding:calc(18*var(--g))calc(6*var(--g));text-align:center;display:grid}.sg-soon>img{width:calc(32*var(--g));height:calc(32*var(--g));image-rendering:pixelated}.sg-soon-title{font-size:calc(16*var(--g));line-height:1}.sg-soon .mcx-btn{margin-top:calc(6*var(--g))}.sg-head-note{white-space:nowrap}.sg-toast .mcx-toast-title{color:var(--mcx-purple)}.sg-duel{align-items:center;gap:calc(6*var(--g));max-width:calc(300*var(--g));grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);margin:0 auto;animation:.22s ease-out both sg-enter;display:grid}@keyframes sg-enter{0%{opacity:0;transform:translateY(calc(4*var(--g)))}}.sg-or{font-size:calc(8*var(--g))}.sg-fighter{justify-items:center;gap:calc(4*var(--g));min-width:0;display:grid}.sg-box{isolation:isolate;width:min(100%,calc(120*var(--g)),max(calc(72*var(--g)),calc((100vh - 440px)*.7)));aspect-ratio:7/10;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;outline:none;padding:0;transition:opacity .25s ease-out;display:block;position:relative}.sg-box>canvas{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.sg-box:disabled{cursor:default}.sg-box:not(:disabled):hover:before,.sg-box:not(:disabled):focus-visible:before{content:"";inset:calc(-4*var(--g));z-index:0;border:calc(4*var(--g))solid transparent;border-image:url(/minecraft/gui/mc/slot_highlight_back.png) 4 fill/calc(4*var(--g))stretch;image-rendering:pixelated;pointer-events:none;position:absolute}.sg-box:not(:disabled):hover:after,.sg-box:not(:disabled):focus-visible:after{content:"";inset:calc(-4*var(--g));z-index:2;border:calc(4*var(--g))solid transparent;border-image:url(/minecraft/gui/mc/slot_highlight_front.png) 4 fill/calc(4*var(--g))stretch;image-rendering:pixelated;pointer-events:none;position:absolute}.sg-key{left:calc(3*var(--g));top:calc(2*var(--g));z-index:3;color:#a0a0a0;text-shadow:var(--g)var(--g)0 #282828;pointer-events:none;position:absolute}.sg-box.is-won{animation:.32s cubic-bezier(.2,1.6,.4,1) both sg-pop}.sg-box.is-won .sg-key{color:var(--mcx-yellow);text-shadow:var(--g)var(--g)0 #3f3f15}.sg-box.is-lost{opacity:.45}@keyframes sg-pop{0%{scale:1}45%{scale:1.06}to{scale:1}}.sg-result{min-height:calc(9*var(--g));line-height:calc(9*var(--g));text-align:center;white-space:nowrap}.sg-result.is-won{color:#2a7d2a;animation:.2s ease-out both sg-enter}.sg-result.is-lost{color:#6a6a6a;animation:.2s ease-out both sg-enter}.sg-rank-cell{min-width:0;position:relative}.sg-rank{left:calc(3*var(--g));top:calc(2*var(--g));z-index:4;color:#fff;text-shadow:var(--g)var(--g)0 #3f3f3f;pointer-events:none;position:absolute}.sg-rank.is-top{color:var(--mcx-yellow);text-shadow:var(--g)var(--g)0 #3f3f15}.sg-stage{justify-content:center;align-items:flex-start;gap:calc(10*var(--g));flex-wrap:wrap;display:flex}.sg-picture-col{justify-items:center;gap:calc(4*var(--g));flex:none;display:grid}.sg-picture-panel{padding:calc(3*var(--g))}.sg-picture{width:calc(98*var(--g));height:calc(140*var(--g));position:relative}.sg-picture>canvas{width:100%;height:100%;position:absolute;inset:0}.sg-picture .sg-pixels{image-rendering:pixelated}.sg-sharpen{animation:.35s ease-out both sg-sharpen}@keyframes sg-sharpen{0%{filter:brightness(1.9)}to{filter:none}}.sg-reveal{animation:.45s cubic-bezier(.2,1.4,.4,1) both sg-reveal}@keyframes sg-reveal{0%{opacity:0;scale:.9}to{opacity:1;scale:1}}.sg-picture-status{padding:calc(6*var(--g));text-align:center;color:#a0a0a0;place-items:center;display:grid;position:absolute;inset:0}.sg-nametag{min-height:calc(9*var(--g))}.sg-nametag .mcx-nametag{animation:.3s ease-out both sg-enter}.sg-side{flex:1 1 calc(180*var(--g));max-width:calc(220*var(--g));align-content:start;gap:calc(5*var(--g));grid-template-columns:minmax(0,1fr);min-width:0;display:grid}.sg-rows{gap:var(--g);padding:var(--g);background:#00000080;display:grid}.sg-row{align-items:center;gap:calc(3*var(--g));height:calc(12*var(--g));padding:0 calc(3*var(--g));color:#fff;white-space:nowrap;background:#ffffff20;display:flex;overflow:hidden}.sg-row.is-empty{background:#ffffff0d}.sg-row>.sg-row-n{color:#707070;width:calc(6*var(--g));flex:none}.sg-row>img{width:calc(8*var(--g));height:calc(8*var(--g));image-rendering:pixelated;flex:none}.sg-row>img.is-check{width:calc(9*var(--g))}.sg-row .sg-also{color:#a0a0a0;text-overflow:ellipsis;overflow:hidden}.sg-row.is-miss{color:var(--mcx-red)}.sg-row.is-hit{color:var(--mcx-green);background:#55ff552e}.sg-row.is-new{animation:.2s ease-out both sg-enter}.sg-guess{gap:calc(4*var(--g));display:flex;position:relative}.sg-guess .mcx-field{flex:1;min-width:0}.sg-suggest{left:calc(8*var(--g));right:calc(8*var(--g));top:calc(100% + 10*var(--g));z-index:30;margin:0;padding:0;list-style:none;position:absolute}.sg-suggest .mcx-tip{padding:calc(3*var(--g))calc(2*var(--g))}.sg-suggest button{align-items:baseline;gap:calc(4*var(--g));width:100%;padding:var(--g)calc(2*var(--g));font:inherit;color:#fff;text-align:left;text-shadow:inherit;cursor:pointer;background:0 0;border:0;display:flex}.sg-suggest button:hover,.sg-suggest button.is-on{color:var(--mcx-yellow);background:#ffffff1f}.sg-suggest .sg-also{color:#a0a0a0}.sg-hint{min-height:calc(9*var(--g));color:#a0a0a0;margin:0}.sg-hint.is-error{color:var(--mcx-red)}.sg-outcome{margin:0 0 calc(6*var(--g));text-align:center;font-size:calc(16*var(--g));line-height:1;animation:.3s ease-out both sg-enter}.sg-outcome.is-won{color:var(--mcx-green)}@media (max-width:700px){.sg-side{flex-basis:100%;max-width:none}.sg-outcome{font-size:calc(12*var(--g))}}@media (max-width:380px){.sg-duel{gap:calc(3*var(--g))}}@media (prefers-reduced-motion:reduce){.sg-duel,.sg-box.is-won,.sg-result,.sg-sharpen,.sg-reveal,.sg-nametag .mcx-nametag,.sg-row.is-new,.sg-outcome{animation:none}.sg-box{transition:none}}