body.is-full .game-stage{--yz-c0:var(--c-sky);--yz-c1:var(--c-tang)}.game-hud[hidden]{display:none}body.is-full .game-stage>.game-hud{flex-wrap:nowrap;gap:.3rem}body.is-full .game-stage>.game-hud>.stat,body.is-full .game-stage>.game-hud>.btn{padding:0 clamp(.4rem,2vw,.75rem)}.yz-pill{min-width:0;transition:box-shadow .25s,border-color .25s}.yz-pill b{font-variant-numeric:tabular-nums;text-align:right;min-width:2.2ch}.yz-pname{text-overflow:ellipsis;max-width:7ch;overflow:hidden}@media (width<=385px){.yz-pname{display:none}}#yz-pill0.yz-on{border-color:var(--yz-c0);box-shadow:0 0 14px -2px var(--yz-c0)}#yz-pill1.yz-on{border-color:var(--yz-c1);box-shadow:0 0 14px -2px var(--yz-c1)}#yz-round{font-variant-numeric:tabular-nums}.yz-av{background:var(--yz-av,var(--yz-c0));width:22px;height:22px;box-shadow:0 0 8px var(--yz-av,var(--yz-c0));background-position:50%;background-size:cover;border-radius:50%;flex:none}#yz-av1{--yz-av:var(--yz-c1)}.yz-av.yz-jax{box-shadow:0 0 0 1.5px var(--yz-c1), 0 0 8px var(--yz-c1);background-image:url(/jax-fox.png)}#yz-sound .yz-cross{display:none}#yz-sound.yz-off .yz-cross{display:inline}#yz-sound.yz-off .yz-wave{display:none}.yz-layout{--yz-die:min(14.5cqw, 10.5cqh, 84px);flex-direction:column;justify-content:center;align-items:center;gap:clamp(4px,1.2cqh,12px);width:100%;height:100%;display:flex}.yz-card{background:var(--bg-panel);border:1px solid var(--line);width:min(100%,480px);min-height:0;font-size:clamp(10.5px, calc((100cqh - 4.1 * var(--yz-die)) / 16 * .5), 17px);border-radius:14px;flex-direction:column;flex:auto;max-height:49.6em;display:flex;overflow:hidden}.yz-tray{flex-direction:column;flex:none;align-items:center;gap:clamp(4px,1cqh,10px);width:100%;display:flex}@container (orientation:landscape){.yz-layout{--yz-die:min(6.6cqw, 17cqh, 92px);flex-direction:row;gap:clamp(10px,3cqw,36px)}.yz-card{flex:none;width:min(48cqw,470px);height:100%;max-height:49.6em;font-size:clamp(10px,2.875cqh,17px)}.yz-tray{flex:0 auto;width:auto}}.yz-row{width:100%;min-height:0;color:var(--ink);font:inherit;text-align:left;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-top:1px solid #5a96c81f;flex:1 1 0;grid-template-columns:minmax(0,1.75fr) 1fr 1fr;align-items:stretch;margin:0;padding:0;display:grid}.yz-row:first-child{border-top:0}button.yz-row{cursor:pointer}button.yz-row:disabled{cursor:default}.yz-row>span{white-space:nowrap;align-items:center;min-width:0;padding:0 .6em;display:flex}.yz-lab{color:var(--ink);text-overflow:ellipsis;gap:.5em;font-weight:700;overflow:hidden}.yz-lab .yz-mini{opacity:.75;border:1.5px solid;border-radius:22%;flex:none;width:1.15em;height:1.15em;position:relative}.yz-cell{font-family:var(--font-display);font-variant-numeric:tabular-nums;border-left:1px solid #5a96c81f;justify-content:center;font-weight:700}.yz-cell.yz-p0{color:var(--yz-c0)}.yz-cell.yz-p1{color:var(--yz-c1)}.yz-cell.yz-turn{background:#ffffff09}.yz-row.yz-upper-end{border-bottom:1px solid var(--line)}.yz-head{border-bottom:1px solid var(--line);background:#00000040;flex:1.1 1 0}.yz-head .yz-cell{color:var(--ink);gap:.4em;font-family:inherit;font-size:.9em}.yz-head .yz-av{width:1.5em;height:1.5em}.yz-sum{background:#00000038}.yz-sum .yz-lab{color:var(--ink-soft);font-size:.9em}.yz-sum .yz-cell{font-size:.9em}.yz-sum .yz-cell.yz-got{text-shadow:0 0 10px}.yz-sum .yz-cell .yz-prog{color:var(--ink-soft);font-family:var(--font-body,inherit);font-weight:600}.yz-total{border-top:1px solid var(--line);background:#00000059;flex:1.25 1 0}.yz-total .yz-lab{font-family:var(--font-display);letter-spacing:.08em}.yz-total .yz-cell{text-shadow:0 0 12px;font-size:1.15em}.yz-star{color:var(--c-sun);text-shadow:0 0 6px var(--c-sun);margin-left:.3em;font-size:.62em}.yz-cell.yz-prev{color:#fff;font-weight:600}.yz-chip{border:1.5px dashed color-mix(in srgb, var(--yz-pc) 85%, transparent);background:color-mix(in srgb, var(--yz-pc) 18%, transparent);border-radius:999px;justify-content:center;align-items:center;min-width:2.4em;height:72%;padding:0 .45em;display:inline-flex}.yz-cell.yz-prev.yz-z{color:#aabad299}.yz-cell.yz-prev.yz-z .yz-chip{background:#93a4c00f;border-color:#93a4c059}@media (hover:hover){button.yz-row:not(:disabled):not(.yz-sel):hover .yz-cell.yz-prev .yz-chip{background:color-mix(in srgb, var(--yz-pc) 34%, transparent);border-style:solid}}.yz-row.yz-sel .yz-cell.yz-prev .yz-chip{background:0 0;border-color:#0000}.yz-row.yz-sel .yz-cell.yz-prev,.yz-row.yz-sel .yz-cell.yz-selcell{color:#041018;background:var(--yz-pc);box-shadow:0 0 16px var(--yz-pc)}.yz-row.yz-sel .yz-lab{color:#fff;text-shadow:0 0 10px var(--yz-pc)}.yz-cell.yz-just{animation:.55s ease-out yz-stamp}@keyframes yz-stamp{0%{filter:brightness(2);transform:scale(1.7)}60%{transform:scale(.94)}to{filter:none;transform:none}}.yz-status{min-height:1.3em;color:var(--ink-soft);text-align:center;max-width:96cqw;margin:0;font-size:clamp(.8rem,2.4cqh,1.1rem);font-weight:700}.yz-status b{color:var(--yz-tc,var(--ink))}.yz-dice{gap:calc(var(--yz-die) * .22);padding-bottom:calc(var(--yz-die) * .3);--yz-tc:var(--yz-c0);display:flex}.yz-dice.yz-t1{--yz-tc:var(--yz-c1)}.yz-die{width:var(--yz-die);height:var(--yz-die);perspective:calc(var(--yz-die) * 5);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;margin:0;padding:0;transition:transform .18s cubic-bezier(.3,1.5,.5,1),opacity .3s;position:relative}.yz-die:disabled{cursor:default}.yz-hop{transform-style:preserve-3d;pointer-events:none;position:absolute;inset:0}.yz-die.yz-toss .yz-hop{animation:.8s cubic-bezier(.3,.7,.4,1) yz-hop}@keyframes yz-hop{0%{transform:translateY(0)scale(1)}30%{transform:translateY(-38%)scale(1.08)}62%{transform:translateY(0)scale(1)}78%{transform:translateY(-9%)}to{transform:translateY(0)}}.yz-cube{transform-style:preserve-3d;transition:transform .8s cubic-bezier(.18,.75,.25,1);position:absolute;inset:0}.yz-face{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--yz-tc) 85%, white), inset 0 0 calc(var(--yz-die) * .2) color-mix(in srgb, var(--yz-tc) 38%, transparent);backface-visibility:hidden;background:linear-gradient(155deg,#fff3,#fff0 45%),radial-gradient(circle at 32% 26%,#1f2d4d,#0a1224 72%);border-radius:19%;grid-template:repeat(3,1fr)/repeat(3,1fr);padding:13%;display:grid;position:absolute;inset:0}.yz-face i{background:radial-gradient(circle at 36% 32%, #fff 0 22%, color-mix(in srgb, var(--yz-tc) 55%, white) 48%, var(--yz-tc) 100%);width:74%;height:74%;box-shadow:0 0 calc(var(--yz-die) * .08) var(--yz-tc);border-radius:50%;place-self:center}.yz-f1{transform:translateZ(calc(var(--yz-die) / 2))}.yz-f6{transform:rotateY(180deg) translateZ(calc(var(--yz-die) / 2))}.yz-f2{transform:rotateY(90deg) translateZ(calc(var(--yz-die) / 2))}.yz-f5{transform:rotateY(-90deg) translateZ(calc(var(--yz-die) / 2))}.yz-f3{transform:rotateX(90deg) translateZ(calc(var(--yz-die) / 2))}.yz-f4{transform:rotateX(-90deg) translateZ(calc(var(--yz-die) / 2))}.yz-die.yz-idle{opacity:.32}.yz-die.yz-held{transform:translateY(-9%)}.yz-die.yz-held .yz-face{background:linear-gradient(155deg, #ffffff47, #fff0 45%), radial-gradient(circle at 32% 26%, color-mix(in srgb, var(--yz-tc) 35%, #1f2d4d), #0a1224 75%);box-shadow:inset 0 0 0 3px #fff, inset 0 0 calc(var(--yz-die) * .3) color-mix(in srgb, var(--yz-tc) 70%, transparent), 0 0 calc(var(--yz-die) * .3) var(--yz-tc)}.yz-die:after{content:"HELD";font-family:var(--font-display);font-weight:700;font-size:max(9px, calc(var(--yz-die) * .17));letter-spacing:.08em;color:var(--yz-tc);text-shadow:0 0 8px var(--yz-tc);opacity:0;pointer-events:none;transition:opacity .15s;position:absolute;top:100%;left:50%;transform:translate(-50%,18%)}.yz-die.yz-held:after{opacity:1}.yz-actions{align-items:stretch;gap:.6rem;display:flex}.yz-actions .btn{letter-spacing:.06em;justify-content:center;min-height:clamp(44px,7cqh,58px);padding:0 1.1rem;font-size:clamp(.85rem,2.5cqh,1.2rem)}.yz-roll{min-width:8.5em}.yz-score{min-width:8em}.yz-rolls{gap:4px;margin-left:.2em;display:inline-flex}.yz-rolls i{opacity:.25;background:currentColor;border-radius:50%;width:7px;height:7px}.yz-rolls i.yz-left{opacity:1;box-shadow:0 0 6px}.yz-overlay{z-index:20;background:radial-gradient(#040814cc,#02040af2);place-items:center;padding:12px;display:grid;position:absolute;inset:0;overflow:auto}.yz-overlay[hidden]{display:none}.yz-panel{text-align:center;background:var(--bg-panel);border:1px solid var(--line-bright);-webkit-backdrop-filter:blur(6px);border-radius:18px;width:100%;max-width:340px;padding:18px;position:relative;box-shadow:0 0 40px #00e0ff1f,inset 0 1px #ffffff0f}.yz-wide{justify-content:center;width:100%;margin-top:8px}.yz-h{font-family:var(--font-display);letter-spacing:.06em;color:#fff;text-shadow:0 0 18px #00e0ff8c;margin:0 0 6px;font-size:clamp(18px,4.5cqw,26px)}.yz-note{color:var(--ink-soft);margin:4px 0 6px;font-size:.9rem}.yz-code{font-family:var(--font-display);letter-spacing:.22em;color:var(--c-sky);text-shadow:0 0 22px #00e0ff99;user-select:all;margin:8px 0;font-size:38px}.yz-codein{box-sizing:border-box;text-align:center;width:100%;font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;color:#fff;border:1px solid var(--line-bright);background:#0a0f1c;border-radius:10px;padding:9px;font-size:30px}.yz-netstatus{min-height:1.2em;color:var(--ink-soft);margin:8px 0 0;font-size:.88rem}.yz-netstatus.yz-bad{color:var(--c-berry)}.yz-title{background:#000208;grid-template-rows:auto 1fr auto;grid-template-columns:100%;place-items:start center;padding:0;display:grid;overflow:hidden}.yz-art{position:absolute;inset:0}.yz-art:after{content:"";background:linear-gradient(#000208d9,#00020800);height:34%;position:absolute;inset:0 0 auto}.yz-art img{object-fit:cover;object-position:50% 62%;opacity:.9;width:100%;height:100%}.yz-titlehead{text-align:center;grid-row:1;padding:clamp(10px,4cqh,40px) 12px 0;position:relative}.yz-tdice{grid-row:2;place-self:stretch stretch;min-height:0;position:relative;container-type:size}.yz-tdie{--yz-die:calc(min(16cqw, 32cqh, 150px) * var(--s));left:calc(var(--x) - var(--yz-die) / 2);top:calc(var(--y) - var(--yz-die) / 2);width:var(--yz-die);height:var(--yz-die);perspective:calc(var(--yz-die) * 5);filter:drop-shadow(0 0 calc(var(--yz-die) * .14) color-mix(in srgb, var(--yz-tc) 70%, transparent));animation:yz-bob calc(2.8s + var(--i) * .35s) ease-in-out calc(var(--i) * -.7s) infinite alternate;position:absolute}.yz-tspin{transform-style:preserve-3d;animation:yz-tumble-in 1.1s cubic-bezier(.2, .8, .3, 1) calc(var(--i) * 90ms) backwards;position:absolute;inset:0}.yz-tdie .yz-cube{transition:none}.yz-tdie .yz-face{background:linear-gradient(155deg, #ffffff4d, #fff0 45%), radial-gradient(circle at 32% 26%, color-mix(in srgb, var(--yz-tc) 42%, #0a1224), color-mix(in srgb, var(--yz-tc) 12%, #050a18) 75%)}@keyframes yz-bob{0%{transform:translateY(-5%)rotate(-3deg)}to{transform:translateY(5%)rotate(3deg)}}@keyframes yz-tumble-in{0%{opacity:0;transform:translateY(-60cqh)rotate3d(1,.7,.2,-2turn)scale(.4)}35%{opacity:1}to{transform:none}}.yz-titlepanel{background:#060a16bd;grid-row:3;align-self:end;width:calc(100% - 24px);max-width:360px;margin:12px;padding:12px 16px 16px}.yz-titlepanel>.yz-wide:first-child{margin-top:0}.yz-logo{font-family:var(--font-display);white-space:nowrap;letter-spacing:.06em;background:linear-gradient(180deg, #fff 0%, #aef6ff 38%, var(--c-sky) 60%, #0b7fb0 100%);color:#0000;filter:drop-shadow(0 0 16px #00e0ff99);background-clip:text;margin:0;font-size:clamp(38px,14cqw,84px);font-weight:900;line-height:1}.yz-tag{color:var(--ink);opacity:.8;text-shadow:0 1px 6px #000;margin:8px 0 0;font-size:clamp(.85rem,2.2cqh,1rem)}.yz-levels{border:1px solid var(--line);background:#0000004d;border-radius:999px;gap:4px;margin-top:8px;padding:3px;display:flex}.yz-lvl{min-height:34px;color:var(--ink-soft);font-family:var(--font-display);letter-spacing:.05em;cursor:pointer;background:0 0;border:0;border-radius:999px;flex:1;font-size:.78rem;font-weight:700}.yz-lvl[aria-checked=true]{background:var(--c-tang);color:#1a0a00;box-shadow:0 0 12px #ff7a0080}.yz-soundrow{gap:8px;margin-top:10px;display:flex}.yz-soundrow .btn{flex:1;justify-content:center;min-height:38px;padding:0 .5rem;font-size:.78rem}@container (orientation:landscape){.yz-title{grid-template-rows:auto 1fr;grid-template-columns:1fr auto}.yz-titlehead{text-align:left;grid-area:1/1;justify-self:start;padding:clamp(10px,5cqh,48px) clamp(14px,4cqw,56px) 0}.yz-logo{font-size:clamp(34px,7.5cqw,96px)}.yz-tdice{grid-area:2/1}.yz-titlepanel{grid-area:1/2/span 2;align-self:center;width:340px;max-height:calc(100% - 24px);margin:12px clamp(12px,4cqw,56px) 12px 0;overflow:auto}.yz-art img{object-position:30% 60%}}.yz-final{justify-content:center;gap:12px;margin:8px 0;display:flex}.yz-final>div{border:1px solid var(--line);background:#0000004d;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:4px;padding:10px 6px;display:flex}.yz-final>div.yz-won{border-color:var(--c-sun);box-shadow:0 0 18px -4px var(--c-sun)}.yz-final .yz-av{width:34px;height:34px}.yz-final span{color:var(--ink-soft);font-size:.85rem;font-weight:700}.yz-final b{font-family:var(--font-display);font-size:1.7rem}.yz-final>div:first-child b{color:var(--yz-c0)}.yz-final>div:last-child b{color:var(--yz-c1)}.yz-backtoover{z-index:15;position:absolute;bottom:10px;right:10px}.yz-backtoover[hidden]{display:none}.yz-link{z-index:25;border:1px solid var(--c-berry);color:#fff;background:#280814e6;border-radius:999px;padding:6px 14px;font-size:.85rem;font-weight:700;position:absolute;top:6px;left:50%;transform:translate(-50%);box-shadow:0 0 16px #ff2b6a66}.yz-link[hidden]{display:none}.yz-flash{z-index:18;pointer-events:none;opacity:0;place-items:center;display:grid;position:absolute;inset:0}.yz-flash span{font-family:var(--font-display);letter-spacing:.04em;background:linear-gradient(180deg, #fff 10%, var(--c-sun) 45%, var(--c-tang) 100%);color:#0000;filter:drop-shadow(0 0 22px #ffc800cc);background-clip:text;font-size:clamp(40px,16cqw,120px);font-weight:900}.yz-flash.yz-go{animation:1.9s ease-out yz-flash}.yz-flash.yz-go span{animation:1.9s cubic-bezier(.2,1.6,.4,1) yz-slam}@keyframes yz-flash{0%{opacity:0}8%{opacity:1}75%{opacity:1}to{opacity:0}}@keyframes yz-slam{0%{transform:scale(2.6)rotate(-8deg)}22%{transform:scale(1)rotate(-4deg)}to{transform:scale(1.06)rotate(-4deg)}}@media (prefers-reduced-motion:reduce){.yz-cube{transition-duration:10ms}.yz-die.yz-toss .yz-hop,.yz-cell.yz-just,.yz-flash.yz-go span,.yz-tdie,.yz-tspin{animation:none}}