@property --f-ang{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes f-spin{to{--f-ang:360deg}}@keyframes f-floor{to{background-position:0 var(--f-cell), 0 0}}@keyframes f-sheen{0%,55%{translate:-160%}to{translate:260%}}@keyframes f-scan{0%{translate:0 -100%}to{translate:0 100vh}}@keyframes f-pulse{50%{filter:brightness(1.18) drop-shadow(0 0 .6em var(--f-glow,#fff))}}@keyframes f-ripple{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(1.9)}}@keyframes f-stripes{to{background-position:2.4em 0}}@keyframes f-halo{to{rotate:360deg}}:is(body:has(.player),body:has(.setup)){background:radial-gradient(70% 45% at 15% -5%, color-mix(in srgb, #fff 70%, var(--sky1)), transparent 70%), radial-gradient(60% 50% at 105% 30%, color-mix(in srgb, var(--sky3) 70%, #fff), transparent 70%), radial-gradient(60% 50% at -10% 80%, color-mix(in srgb, var(--sky2) 80%, #fff), transparent 70%), var(--lines) 0 0 / 480px auto, linear-gradient(165deg, var(--sky1), var(--sky2) 50%, var(--sky3));background-attachment:fixed}body:has(.player):before{--f-cell:56px;content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(#ffffffbf 2px,#0000 2px),linear-gradient(90deg,#ffffffbf 2px,#0000 2px);background-size:var(--f-cell) var(--f-cell);transform-origin:50% 0;height:48%;animation:2.4s linear infinite f-floor;position:fixed;bottom:-6%;left:-60%;right:-60%;transform:perspective(420px)rotateX(64deg);-webkit-mask-image:linear-gradient(#0000,#000 45%);mask-image:linear-gradient(#0000,#000 45%)}body:has(.setup):before{--f-cell:56px;content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(#ffffffbf 2px,#0000 2px),linear-gradient(90deg,#ffffffbf 2px,#0000 2px);background-size:var(--f-cell) var(--f-cell);transform-origin:50% 0;height:48%;animation:2.4s linear infinite f-floor;position:fixed;bottom:-6%;left:-60%;right:-60%;transform:perspective(420px)rotateX(64deg);-webkit-mask-image:linear-gradient(#0000,#000 45%);mask-image:linear-gradient(#0000,#000 45%)}body:has(.player):after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#0000,#ffffff59,#0000);height:120px;animation:7s linear infinite f-scan;position:fixed;inset:0 0 auto}.player .card,.setup .card,.qtext{background:linear-gradient(160deg, #fffffff2, #fffc) padding-box, conic-gradient(from var(--f-ang), var(--blue), var(--cyan), #fff, var(--pink), var(--purple), var(--blue)) border-box;-webkit-backdrop-filter:blur(10px)saturate(1.4);backdrop-filter:blur(10px)saturate(1.4);box-shadow:0 0 0 1px #ffffffb3, 0 0 22px color-mix(in srgb, var(--blue) 30%, transparent), 0 12px 28px #1b24562e;border:3px solid #0000;animation:6s linear infinite f-spin}.player .card:before,.setup .card:before,.player .card:after,.setup .card:after{content:"";pointer-events:none;border:3px solid var(--cyan);width:22px;height:22px;filter:drop-shadow(0 0 4px var(--cyan));position:absolute}.player .card:before,.setup .card:before{border-bottom:0;border-right:0;border-radius:6px 0 0;top:-9px;left:-9px}.player .card:after,.setup .card:after{border-top:0;border-left:0;border-radius:0 0 6px;bottom:-9px;right:-9px}.card h1:after{box-shadow:0 0 10px var(--pink)}.card input:not([type=radio]):not([type=file]){border-color:color-mix(in srgb, var(--cyan) 40%, #fff);background:#fffc}.card input:focus{border-color:var(--cyan)!important;box-shadow:0 0 0 4px color-mix(in srgb, var(--cyan) 25%, transparent), 0 0 16px color-mix(in srgb, var(--cyan) 50%, transparent)!important}.who{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 0 0 1px #ffffff2e, 0 0 0 2px color-mix(in srgb, var(--cyan) 55%, transparent), 0 0 18px color-mix(in srgb, var(--cyan) 35%, transparent);background:linear-gradient(90deg,#0c142edb,#142046cc)}.who>span:last-child{text-shadow:0 0 8px color-mix(in srgb, var(--gold) 80%, transparent)}.player h2,.pop{text-shadow:0 .07em 0 var(--g,var(--pink)), 0 0 .5em color-mix(in srgb, var(--pink) 55%, transparent)}.qhead span:first-child{box-shadow:0 0 14px color-mix(in srgb, var(--magenta) 55%, transparent)}.qhead span:last-child{text-shadow:0 0 8px #ffffffe6}.player .bar{background:#ffffffb3;height:12px;box-shadow:inset 0 0 0 1px #fffc,0 0 10px #fff9}.player .bar i{background:repeating-linear-gradient(-45deg, #ffffff59 0 .6em, transparent .6em 1.2em), linear-gradient(90deg, var(--cyan), var(--blue));box-shadow:0 0 12px var(--cyan), 0 0 4px #fff;animation:.8s linear infinite f-stripes}.qtext{border-width:3px}.choices button,.kana button{isolation:isolate;background:linear-gradient(180deg, #ffffff73, #fff0 46%, #00000014 100%), linear-gradient(160deg, color-mix(in srgb, var(--c,var(--blue)) 72%, #fff), var(--c,var(--blue)) 60%, color-mix(in srgb, var(--c,var(--blue)) 80%, #000));box-shadow:inset 0 0 0 3px #ffffffd9, inset 0 0 18px #ffffff59, 0 6px 0 color-mix(in srgb, var(--c,var(--blue)) 55%, #000), 0 0 22px color-mix(in srgb, var(--c,var(--blue)) 55%, transparent);border:0;position:relative;overflow:hidden}.choices button:after,.kana button:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff8c,#0000);width:35%;animation:3.6s ease-in-out infinite f-sheen;position:absolute;inset:-20% auto -20% 0;rotate:18deg}.choices button:nth-child(2):after{animation-delay:.4s}.choices button:nth-child(3):after{animation-delay:.8s}.choices button:nth-child(4):after{animation-delay:1.2s}.choices button b{text-shadow:0 0 14px #ffffffe6,0 0 4px #fff}.choices button:active:not(:disabled){box-shadow:inset 0 0 0 3px #fff, inset 0 0 26px #fff9, 0 2px 0 color-mix(in srgb, var(--c,var(--blue)) 55%, #000), 0 0 30px var(--c,var(--blue))}.choices button.picked{outline:4px solid var(--gold);box-shadow:inset 0 0 0 3px #fff, 0 0 30px var(--gold)}.answered{box-shadow:inset 0 0 0 3px #fff, 0 0 0 6px color-mix(in srgb, var(--c) 30%, transparent), 0 0 34px var(--c);--f-glow:var(--c);border:0;animation:1.4s ease-in-out infinite f-pulse}.slots i{box-shadow:0 0 10px color-mix(in srgb, var(--blue) 35%, transparent);background:#ffffffd9}.splash{background:repeating-linear-gradient(0deg, #ffffff1a 0 2px, transparent 2px 5px), linear-gradient(90deg, color-mix(in srgb, var(--blue) 80%, #000), var(--blue) 30%, var(--cyan) 50%, var(--blue) 70%, color-mix(in srgb, var(--blue) 80%, #000));box-shadow:0 0 0 3px #fff, 0 0 30px color-mix(in srgb, var(--cyan) 70%, transparent);overflow:hidden}.splash:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#fff9,#0000);width:30%;animation:1.6s ease-out .2s both f-sheen;position:absolute;inset:0 auto 0 0}.splash small{text-shadow:0 0 8px #fff}.splash b{text-shadow:0 .07em 0 var(--text), 0 0 .4em #fffc}.result{width:1.45em;height:1.45em;box-shadow:0 0 0 4px #fff, 0 0 0 9px color-mix(in srgb, currentColor 35%, transparent), 0 0 40px currentColor;filter:none;-webkit-text-stroke:0;text-shadow:0 0 18px;background:radial-gradient(circle,#fffffff2 0 52%,#fff6 70%,#0000 72%);border-radius:50%;place-items:center;margin:.1em 0;font-size:7rem;display:grid;position:relative}.result:before,.result:after{content:"";pointer-events:none;border:4px solid;border-radius:50%;animation:1.8s ease-out infinite f-ripple;position:absolute;inset:0}.result:after{animation-delay:.9s}.result.ok{color:var(--pink)}.result.ng{color:var(--blue)}.gain{color:#fff;background:linear-gradient(90deg, var(--pink), var(--purple));box-shadow:0 0 0 3px #fff, 0 0 22px color-mix(in srgb, var(--pink) 60%, transparent);border-radius:99px;padding:2px 22px;font-weight:800;animation:.6s cubic-bezier(.2,.9,.3,1.6) .2s both st-pop-f}@keyframes st-pop-f{0%{opacity:0;transform:scale(.3)}}.time{text-shadow:0 0 10px #fffffff2,0 0 2px #fff}.rank{text-shadow:0 .06em 0 var(--pink), 0 0 .35em color-mix(in srgb, var(--cyan) 70%, transparent);padding:.15em .4em;position:relative}.rank:before{content:"";aspect-ratio:1;z-index:-1;background:conic-gradient(from 0deg, transparent, color-mix(in srgb, var(--cyan) 70%, transparent), transparent 35%, color-mix(in srgb, var(--pink) 60%, transparent), transparent 70%);border-radius:50%;width:1.9em;animation:4s linear infinite f-halo;position:absolute;top:50%;left:50%;translate:-50% -50%;-webkit-mask:radial-gradient(circle,#0000 58%,#000 60% 64%,#0000 66%);mask:radial-gradient(circle,#0000 58%,#000 60% 64%,#0000 66%)}.wait-count{box-shadow:0 0 0 2px color-mix(in srgb, var(--cyan) 50%, transparent), 0 0 14px color-mix(in srgb, var(--cyan) 35%, transparent)}.st-frame:not(.is-arena){background:radial-gradient(60% 50% at 12% 0%, #fffc, transparent 70%), radial-gradient(50% 60% at 100% 20%, color-mix(in srgb, var(--st-sky3) 70%, #fff), transparent 70%), radial-gradient(50% 60% at 0% 100%, color-mix(in srgb, var(--st-sky2) 70%, #fff), transparent 70%), var(--st-lines) 0 0 / 40cqw auto, linear-gradient(120deg, var(--st-sky1) 0%, var(--st-sky2) 50%, var(--st-sky3) 100%)}.st-frame:not(.is-arena):before{--f-cell:5cqw;content:"";z-index:0;pointer-events:none;background-image:linear-gradient(#ffffffb3 .18cqw,#0000 .18cqw),linear-gradient(90deg,#ffffffb3 .18cqw,#0000 .18cqw);background-size:var(--f-cell) var(--f-cell);transform-origin:50% 0;height:46%;animation:2.4s linear infinite f-floor;position:absolute;bottom:-4%;left:-40%;right:-40%;transform:perspective(40cqw)rotateX(64deg);-webkit-mask-image:linear-gradient(#0000,#000 45%);mask-image:linear-gradient(#0000,#000 45%)}.st-qpanel,.st-board,.st-answer,.lobby-pinbox,.st-rules-box,.st-emblem{background:linear-gradient(160deg, #fffffff2, #ffffffd1) padding-box, conic-gradient(from var(--f-ang), var(--edge), var(--st-cyan), #fff, var(--st-pink), var(--st-purple), var(--edge)) border-box;-webkit-backdrop-filter:blur(1cqw)saturate(1.4);backdrop-filter:blur(1cqw)saturate(1.4);box-shadow:0 0 0 .12cqw #fffc, 0 0 2.4cqw color-mix(in srgb, var(--edge) 40%, transparent), 0 1cqw 2.4cqw #1b245638;border:.3cqw solid #0000;animation:6s linear infinite f-spin}.st-qpanel:before,.st-board:before,.lobby-pinbox:before,.st-qpanel:after,.st-board:after,.lobby-pinbox:after{content:"";pointer-events:none;border:.3cqw solid var(--st-cyan);width:2.2cqw;height:2.2cqw;filter:drop-shadow(0 0 .4cqw var(--st-cyan));position:absolute}.st-qpanel:before,.st-board:before,.lobby-pinbox:before{border-bottom:0;border-right:0;top:-.9cqw;left:-.9cqw}.st-qpanel:after,.st-board:after,.lobby-pinbox:after{border-top:0;border-left:0;bottom:-.9cqw;right:-.9cqw}.st-outline{text-shadow:0 .06em 0 var(--st-glow,var(--st-pink)), 0 0 .35em color-mix(in srgb, var(--st-glow,var(--st-pink)) 60%, transparent), 0 .1em .18em #1b24564d}.st-seg{box-shadow:inset 0 -.25cqw 0 var(--st-cyan);background:linear-gradient(90deg,#0c142ee6,#18244ed9)}.st-seg.is-q,.st-seg.is-life{box-shadow:inset 0 -.25cqw 0 var(--st-magenta);background:#ffffffeb}.st-seg.is-history{background:linear-gradient(90deg, var(--st-blue), var(--st-cyan));box-shadow:inset 0 -.25cqw #fff}.st-alive{background:linear-gradient(90deg, #0c142eeb 0 70%, var(--st-blue))}.st-alive b{text-shadow:0 0 .4em color-mix(in srgb, var(--st-gold) 80%, transparent)}.st-qtab{box-shadow:0 0 0 .25cqw #fff, 0 0 1.6cqw color-mix(in srgb, var(--st-magenta) 60%, transparent)}.st-timer b{text-shadow:0 0 .4em color-mix(in srgb, var(--st-cyan) 60%, transparent)}.st-timer i{background:#e3e6f5cc;overflow:visible;box-shadow:inset 0 0 0 .1cqw #fff}.st-timer i:before{background:repeating-linear-gradient(-45deg, #ffffff59 0 .6cqw, transparent .6cqw 1.2cqw), linear-gradient(90deg, var(--st-cyan), var(--st-blue));box-shadow:0 0 1cqw var(--st-cyan), 0 0 .3cqw #fff;animation:.8s linear infinite f-stripes}.st-opt{isolation:isolate;background:linear-gradient(180deg, #fff6, #fff0 48%, #00000014), linear-gradient(160deg, color-mix(in srgb, var(--c) 72%, #fff), var(--c) 60%, color-mix(in srgb, var(--c) 80%, #000));box-shadow:inset 0 0 0 .2cqw #ffffffd9, 0 .35cqw 0 color-mix(in srgb, var(--c) 55%, #000), 0 0 1.6cqw color-mix(in srgb, var(--c) 50%, transparent)}.st-opt:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff80,#0000);width:30%;animation:4s ease-in-out infinite f-sheen;position:absolute;inset:-30% auto -30% 0;rotate:18deg}.st-opt b{text-shadow:0 0 .5em #ffffffe6}.st-opts.is-revealed .st-opt.is-correct{outline:.3cqw solid var(--st-gold);box-shadow:inset 0 0 0 .2cqw #fff, 0 0 0 .6cqw color-mix(in srgb, var(--st-gold) 40%, transparent), 0 0 3cqw var(--st-gold);--f-glow:var(--st-gold);animation:1.2s ease-in-out infinite f-pulse}.st-card{box-shadow:0 0 0 .1cqw color-mix(in srgb, var(--st-cyan) 40%, transparent), 0 .4cqw 1cqw #1b24562e;background:linear-gradient(#fffffff2,#fffc);border-color:#ffffffe6}.st-card header{background:linear-gradient(90deg, var(--st-magenta), var(--st-pink))}.st-card.is-answered{box-shadow:0 0 0 .15cqw var(--st-orange), 0 0 1.6cqw color-mix(in srgb, var(--st-orange) 60%, transparent)}.st-card.is-correct{box-shadow:0 0 0 .25cqw #fff, 0 0 2cqw color-mix(in srgb, var(--st-pink) 70%, transparent)}.st-row{background:linear-gradient(90deg, #fffffff2, #ffffffd1 60%, color-mix(in srgb, var(--st-cyan) 10%, #fff));border-color:color-mix(in srgb, var(--st-cyan) 35%, #fff);box-shadow:0 0 .8cqw color-mix(in srgb, var(--st-cyan) 20%, transparent)}.st-row .st-rank{background:linear-gradient(90deg, var(--st-blue), var(--st-cyan))}.st-row.is-top1{border-color:var(--st-gold);box-shadow:0 0 1.4cqw color-mix(in srgb, var(--st-gold) 55%, transparent);background:linear-gradient(90deg,#fff1b8,#fffdf2 50%,#fff4c7)}.st-row.is-top2{box-shadow:0 0 1.2cqw #a9b6d699}.st-row.is-top3{box-shadow:0 0 1.2cqw #f0a46a8c}.st-row .st-time{text-shadow:0 0 .4em color-mix(in srgb, var(--st-cyan) 50%, transparent)}.st-board-head{box-shadow:inset 0 -.25cqw 0 var(--st-cyan);background:linear-gradient(90deg,#0c142eeb,#1e2c5ceb)}.st-board-head b{text-shadow:0 0 .4em color-mix(in srgb, var(--st-gold) 80%, transparent)}.lobby-pin{text-shadow:0 .06em 0 var(--st-pink), 0 0 .25em color-mix(in srgb, var(--st-pink) 60%, transparent), 0 0 .6em color-mix(in srgb, var(--st-cyan) 45%, transparent)}.lobby-url,.lobby-mode{box-shadow:0 0 0 .15cqw color-mix(in srgb, var(--st-cyan) 60%, transparent), 0 0 1.2cqw color-mix(in srgb, var(--st-cyan) 40%, transparent)}.lobby-chips li{box-shadow:0 0 0 .1cqw color-mix(in srgb, var(--st-cyan) 50%, transparent), 0 0 .8cqw color-mix(in srgb, var(--st-cyan) 30%, transparent);background:#ffffffeb}