.frame.home .hhead{text-align:center;flex:none;padding:46px 70px 0}.frame.home .hhead h1{font-family:var(--disp);letter-spacing:.05em;text-transform:uppercase;color:#fff;text-shadow:0 2px 6px #000000b3;margin:0;font-size:50px;font-weight:700}.frame.home .hhead .divider{margin-top:24px}.frame.home .tag{font-family:var(--disp);color:var(--orange);text-shadow:0 1px 3px #0009;margin:24px auto 0;font-size:28px;font-weight:700;line-height:1.4}.frame.home .hmain{flex-direction:column;flex:auto;justify-content:flex-start;align-items:center;gap:64px;min-height:0;padding:40px 60px 0;display:flex}.frame.home .keyart{border-radius:10px;width:760px;max-width:100%;box-shadow:0 34px 80px -12px #000000fa,0 14px 40px -6px #000000d9,0 0 0 2px #0006}.frame.home .btncol{flex-direction:column;align-items:center;gap:30px;display:flex}.frame.home .mbtn{cursor:pointer;width:380px;height:95px;font-family:var(--disp);letter-spacing:.03em;text-transform:uppercase;color:#fff;text-shadow:var(--btsh);background:50%/100% 100% no-repeat;border:0;justify-content:center;align-items:center;font-size:33px;font-weight:700;transition:transform .12s,filter .12s;display:inline-flex;position:relative}.frame.home .mbtn:hover{filter:brightness(1.08);transform:translateY(-2px)}.frame.home .mbtn.play{background-image:url(/assets/ui/button-light-green.png)}.frame.home .mbtn.rules{background-image:url(/assets/ui/button-purple.png)}.frame.rules .rhead{text-align:center;flex:none;padding:44px 60px 0}.frame.rules .rhead h1{font-family:var(--disp);letter-spacing:.05em;text-transform:uppercase;color:#fff;text-shadow:0 2px 6px #000000b3;margin:0;font-size:50px;font-weight:700}.frame.rules .rhead .sub{font-family:var(--disp);color:var(--orange);text-shadow:0 1px 3px #0009;margin-top:10px;font-size:26px;font-weight:700}.frame.rules .rhead .divider{margin-top:26px}.frame.rules .rbody{-webkit-overflow-scrolling:touch;flex:auto;min-height:0;padding:26px 60px 20px;overflow-y:auto}.frame.rules .rsec{margin:0 0 34px}.frame.rules .rsec h2{font-family:var(--disp);color:var(--orange);text-transform:uppercase;letter-spacing:.015em;text-shadow:0 1px 3px #0000008c;margin:0 0 12px;font-size:40px;font-weight:700}.frame.rules .rsec p{font-family:var(--disp);color:var(--ink);margin:0;font-size:31px;font-weight:400;line-height:1.5}.frame.rules .rsec ul{margin:16px 0;padding-left:44px}.frame.rules .rsec li{font-family:var(--disp);color:var(--ink);margin:10px 0;font-size:31px;font-weight:400;line-height:1.42}.frame.rules .rfoot{text-align:center;flex:none;padding:18px 60px 40px}.frame.rules .rfoot .divider{margin-bottom:26px}.frame.rules .playbtn{cursor:pointer;width:360px;height:90px;font-family:var(--disp);letter-spacing:.03em;text-transform:uppercase;color:#fff;text-shadow:var(--btsh);background:url(/assets/ui/button-light-green.png) 50%/100% 100% no-repeat;border:0;justify-content:center;align-items:center;font-size:32px;font-weight:700;transition:transform .12s,filter .12s;display:inline-flex;position:relative}.frame.rules .playbtn:hover{filter:brightness(1.08);transform:translateY(-2px)}.frame.lobby .lhead{text-align:center;flex:none;padding:44px 60px 0}.frame.lobby .lhead h1{font-family:var(--disp);letter-spacing:.05em;text-transform:uppercase;color:#fff;text-shadow:var(--tsh);margin:0;font-size:50px;font-weight:700}.frame.lobby .lhead .sub{font-family:var(--disp);color:var(--orange);text-shadow:var(--tsh);margin-top:10px;font-size:26px;font-weight:700}.frame.lobby .lhead .divider{margin-top:24px}.frame.lobby .lbody{flex-direction:column;flex:auto;justify-content:center;align-items:center;min-height:0;padding:20px 70px 40px;display:flex}.frame.lobby .flabel{font-family:var(--disp);letter-spacing:.04em;text-transform:uppercase;color:#fff;text-shadow:var(--tsh);text-align:center;font-size:33px;font-weight:700}.frame.lobby .nick{color:#fff;width:880px;max-width:100%;height:165px;font-family:var(--disp);text-align:center;text-shadow:var(--tsh);background:url(/assets/ui/field-nickname.png) 50%/100% 100% no-repeat;border:0;outline:none;margin:28px 0 0;font-size:44px;font-weight:700}.frame.lobby .nick::placeholder{color:var(--orange);opacity:1}.frame.lobby .sublabel{margin-top:64px}.frame.lobby .avgrid{grid-template-columns:repeat(4,1fr);gap:26px;width:100%;max-width:900px;margin:36px 0 0;display:grid}.frame.lobby .av{aspect-ratio:1;cursor:pointer;border-radius:50%;width:100%;transition:transform .12s;position:relative}.frame.lobby .av img{object-fit:contain;filter:drop-shadow(0 3px 7px #0000008c);width:100%;height:100%}.frame.lobby .av:hover{transform:translateY(-3px)}.frame.lobby .av.sel{transform:translateY(-2px)}.frame.lobby .av.sel img{filter:drop-shadow(0 0 22px #fffffff2)drop-shadow(0 0 11px #fffffff2)}.frame.lobby .lfoot{flex:none;justify-content:center;gap:40px;margin-top:84px;display:flex}.frame.lobby .mbtn{cursor:pointer;width:380px;height:98px;line-height:1;font-family:var(--disp);letter-spacing:.03em;text-transform:uppercase;color:#fff;text-shadow:var(--btsh);background:50%/100% 100% no-repeat;border:0;justify-content:center;align-items:center;padding-bottom:6px;font-size:32px;font-weight:700;transition:transform .12s,filter .12s;display:inline-flex;position:relative}.frame.lobby .mbtn:hover{filter:brightness(1.07);transform:translateY(-2px)}.frame.lobby .mbtn.create{background-image:url(/assets/ui/button-blue.png)}.frame.lobby .mbtn.join{background-image:url(/assets/ui/button-light-green.png)}.frame.lobby .mbtn.back{background-image:url(/assets/ui/button-brown.png)}.frame.lobby .mbtn[disabled]{opacity:.55;cursor:default;filter:none;transform:none}.frame.lobby .joinrow{flex-direction:column;flex:none;align-items:center;gap:34px;margin-top:72px;display:flex}.frame.lobby .codein{color:#fff;width:420px;max-width:100%;height:120px;font-family:var(--disp);letter-spacing:.22em;text-indent:.22em;text-align:center;text-transform:uppercase;text-shadow:var(--tsh);background:url(/assets/ui/field-nickname.png) 50%/100% 100% no-repeat;border:0;outline:none;font-size:60px;font-weight:700}.frame.lobby .codein::placeholder{color:var(--orange);opacity:1;letter-spacing:.22em}.frame.lobby .joinrow .lfoot{margin-top:0}.frame.lobby .lerror{text-align:center;cursor:pointer;max-width:820px;font-family:var(--disp);color:#ffb3a1;text-shadow:var(--tsh);flex:none;margin-top:40px;font-size:28px;font-weight:700}.frame.waiting .whead{text-align:center;flex:none;padding:40px 60px 0}.frame.waiting .whead h1{font-family:var(--disp);letter-spacing:.05em;text-transform:uppercase;color:#fff;text-shadow:var(--tsh);margin:0;font-size:50px;font-weight:700}.frame.waiting .whead .sub{font-family:var(--disp);color:var(--orange);text-shadow:var(--tsh);margin-top:10px;font-size:26px;font-weight:700}.frame.waiting .code{font-family:var(--disp);letter-spacing:.16em;text-indent:.16em;color:var(--orange);text-shadow:var(--tsh);margin:6px 0 2px;font-size:104px;font-weight:700;line-height:1.05}.frame.waiting .count{font-family:var(--disp);letter-spacing:.08em;text-transform:uppercase;color:var(--label);text-shadow:var(--tsh);font-size:24px;font-weight:700}.frame.waiting .whead .divider{margin-top:22px}.frame.waiting .wbody{flex:auto;min-height:0;padding:14px 56px 10px;overflow-y:auto}.frame.waiting .wrow{border-bottom:2px solid var(--line);align-items:center;gap:26px;padding:20px 6px;display:flex}.frame.waiting .wrow:last-child{border-bottom:0}.frame.waiting .wav{flex:none;width:120px;height:120px;position:relative}.frame.waiting .wav img{object-fit:contain;width:100%;height:100%;filter:var(--ish)}.frame.waiting .wav.me{cursor:pointer}.frame.waiting .wav.me img{filter:drop-shadow(0 0 18px #ffffffe6)drop-shadow(0 0 9px #ffffffe6)}.frame.waiting .wedit{font-family:var(--disp);letter-spacing:.08em;text-transform:uppercase;color:var(--orange);text-shadow:var(--tsh);white-space:nowrap;font-size:17px;font-weight:700;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.frame.waiting .wname{font-family:var(--disp);color:#fff;text-shadow:var(--tsh);font-size:40px;font-weight:700}.frame.waiting .wtags{gap:10px;display:flex}.frame.waiting .tag{font-family:var(--disp);letter-spacing:.06em;text-transform:uppercase;border:2px solid;border-radius:999px;padding:5px 14px;font-size:18px;font-weight:700}.frame.waiting .tag.host{color:var(--orange)}.frame.waiting .tag.bot{color:var(--label)}.frame.waiting .tag.you{color:#9fe0b0}.frame.waiting .wgap{flex:auto}.frame.waiting .wkick{color:#ffb3a1;width:64px;height:64px;font-family:var(--disp);cursor:pointer;text-shadow:var(--tsh);background:#00000040;border:2px solid #e59a8c;border-radius:50%;flex:none;justify-content:center;align-items:center;padding-bottom:4px;font-size:40px;font-weight:700;line-height:1;transition:transform .12s,filter .12s;display:flex}.frame.waiting .wkick:hover{filter:brightness(1.1);transform:translateY(-2px)}.frame.waiting .werror{text-align:center;font-family:var(--disp);color:#ffb3a1;text-shadow:var(--tsh);flex:none;padding:4px 50px;font-size:26px;font-weight:700}.frame.waiting .wfootline{flex:none;margin:0 44px}.frame.waiting .wfoot{flex:none;justify-content:center;align-items:center;gap:24px;padding:24px 50px 40px;display:flex}.frame.waiting .waitmsg{font-family:var(--disp);color:var(--orange);text-shadow:var(--tsh);font-size:30px;font-style:italic;font-weight:700}.frame.waiting .mbtn{cursor:pointer;width:300px;height:92px;line-height:1;font-family:var(--disp);letter-spacing:.03em;text-transform:uppercase;color:#fff;text-shadow:var(--btsh);background:50%/100% 100% no-repeat;border:0;justify-content:center;align-items:center;padding-bottom:6px;font-size:29px;font-weight:700;transition:transform .12s,filter .12s;display:inline-flex;position:relative}.frame.waiting .mbtn:hover{filter:brightness(1.07);transform:translateY(-2px)}.frame.waiting .mbtn[disabled]{opacity:.5;cursor:default;filter:none;transform:none}.frame.waiting .mbtn.leave{background-image:url(/assets/ui/button-brown.png);width:230px}.frame.waiting .mbtn.addbot{background-image:url(/assets/ui/button-blue.png)}.frame.waiting .mbtn.start{background-image:url(/assets/ui/button-light-green.png)}.frame.waiting .mbtn.back{background-image:url(/assets/ui/button-brown.png)}.frame.waiting .wpickbody{flex:auto;justify-content:center;align-items:center;min-height:0;padding:20px 70px;display:flex}.frame.waiting .avgrid{grid-template-columns:repeat(4,1fr);gap:26px;width:100%;max-width:900px;display:grid}.frame.waiting .av{aspect-ratio:1;cursor:pointer;border-radius:50%;width:100%;transition:transform .12s;position:relative}.frame.waiting .av img{object-fit:contain;filter:drop-shadow(0 3px 7px #0000008c);width:100%;height:100%}.frame.waiting .av:hover{transform:translateY(-3px)}.frame.waiting .av.sel img{filter:drop-shadow(0 0 22px #fffffff2)drop-shadow(0 0 11px #fffffff2)}.frame.game .gstub{text-align:center;flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:8px;min-height:0;padding:60px 80px;display:flex}.frame.game .crest{width:140px;height:140px;filter:var(--ish);margin-bottom:14px}.frame.game h1{font-family:var(--disp);letter-spacing:.04em;text-transform:uppercase;color:#fff;text-shadow:var(--tsh);margin:0;font-size:58px;font-weight:700}.frame.game p{font-family:var(--disp);color:var(--ink);text-shadow:0 1px 3px #0009;max-width:760px;margin:18px 0 36px;font-size:32px;font-weight:400;line-height:1.5}.frame.game .roster{flex-wrap:wrap;justify-content:center;gap:28px 40px;max-width:900px;margin-bottom:54px;display:flex}.frame.game .rchip{flex-direction:column;align-items:center;gap:10px;width:150px;display:flex}.frame.game .rchip img{object-fit:contain;width:120px;height:120px;filter:var(--ish)}.frame.game .rchip span{font-family:var(--disp);color:#fff;text-shadow:var(--tsh);font-size:26px;font-weight:700}.frame.game .mbtn{cursor:pointer;width:340px;height:95px;font-family:var(--disp);letter-spacing:.03em;text-transform:uppercase;color:#fff;text-shadow:var(--btsh);background:50%/100% 100% no-repeat;border:0;justify-content:center;align-items:center;font-size:31px;font-weight:700;transition:transform .12s,filter .12s;display:inline-flex;position:relative}.frame.game .mbtn:hover{filter:brightness(1.07);transform:translateY(-2px)}.frame.game .mbtn.leave{background-image:url(/assets/ui/button-brown.png)}.frame.round .rhead{text-align:center;flex:none;padding:42px 60px 0}.frame.round .rhead h1{font-family:var(--disp);letter-spacing:.05em;text-transform:uppercase;color:#fff;text-shadow:var(--tsh);margin:0;font-size:50px;font-weight:700}.frame.round .rhead .sub{font-family:var(--disp);color:var(--orange);text-shadow:var(--tsh);margin-top:8px;font-size:26px;font-weight:700}.frame.round .rhead .divider{margin-top:22px}.frame.round .rmain{flex-direction:column;flex:auto;justify-content:flex-start;min-height:0;padding:4px 44px 0;display:flex}.frame.round .prow{align-items:center;gap:10px;padding:36px 4px;display:flex}.frame.round .rowline{background:linear-gradient(90deg,transparent,var(--line) 8%,var(--line) 92%,transparent);height:2px}.frame.round .pwho{flex-direction:column;flex:0 0 176px;align-items:center;gap:8px;display:flex}.frame.round .pwho .pav{object-fit:contain;width:150px;height:150px;filter:var(--ish)}.frame.round .pwho .pname{font-family:var(--disp);color:#fff;text-shadow:var(--tsh);font-size:28px;font-weight:700}.frame.round .pcols{flex:auto;justify-content:space-around;align-items:flex-start;display:flex}.frame.round .pcol{flex-direction:column;align-items:center;width:146px;display:flex}.frame.round .pcol .val{height:46px;font-family:var(--disp);color:#fff;font-variant-numeric:tabular-nums;text-shadow:var(--tsh);justify-content:center;align-items:center;font-size:34px;font-weight:700;line-height:1;display:flex}.frame.round .pcol .ico{justify-content:center;align-items:center;height:66px;margin:2px 0 8px;display:flex}.frame.round .pcol .ico img{width:auto;height:62px;filter:var(--ish);display:block}.frame.round .pcol .lab{font-family:var(--disp);letter-spacing:.08em;text-transform:uppercase;color:var(--label);text-shadow:var(--tsh);font-size:16px;font-weight:700}.frame.round .pcol.ren .val{color:var(--label);font-size:26px}.frame.round .pcol.ren .ico{font-family:var(--disp);color:var(--orange);font-variant-numeric:tabular-nums;text-shadow:var(--tsh);font-size:42px;font-weight:700;line-height:1}.frame.round .rfoot{text-align:center;flex:none;padding:20px 60px 46px}.frame.round .rfoot .divider{margin-bottom:28px}.frame.round .nextbtn{cursor:pointer;width:420px;height:98px;line-height:1;font-family:var(--disp);letter-spacing:.03em;text-transform:uppercase;color:#fff;text-shadow:var(--btsh);background:url(/assets/ui/button-brown.png) 50%/100% 100% no-repeat;border:0;justify-content:center;align-items:center;padding-bottom:7px;font-size:30px;font-weight:700;transition:transform .12s,filter .12s;display:inline-flex;position:relative}.frame.round .nextbtn:hover{filter:brightness(1.06);transform:translateY(-2px)}.frame.end .ghead{text-align:center;flex:none;padding:38px 60px 0}.frame.end .ghead h1{font-family:var(--disp);letter-spacing:.05em;text-transform:uppercase;color:#fff;text-shadow:var(--tsh);margin:0;font-size:50px;font-weight:700}.frame.end .ghead .sub{font-family:var(--disp);color:var(--orange);text-shadow:var(--tsh);margin-top:8px;font-size:25px;font-weight:700}.frame.end .ghead .divider{margin-top:20px}.frame.end .gmain{flex-direction:column;flex:auto;justify-content:flex-start;min-height:0;display:flex;overflow-y:auto}.frame.end .hero{text-align:center;flex:none;padding:18px 50px 0}.frame.end .hero .crown{font-family:var(--disp);color:#fff;text-shadow:var(--tsh);margin:0 0 22px;font-size:54px;font-weight:700}.frame.end .herorow{justify-content:center;align-items:center;gap:26px;display:flex}.frame.end .herorow .side{flex-direction:column;flex:0 0 232px;align-items:center;gap:16px;display:flex}.frame.end .herorow .side .num{font-family:var(--disp);text-shadow:var(--tsh);font-variant-numeric:tabular-nums;font-size:64px;font-weight:700;line-height:1}.frame.end .herorow .side .num.w{color:#fff}.frame.end .herorow .side .num.o{color:var(--orange)}.frame.end .herorow .side .lab{font-family:var(--disp);letter-spacing:.04em;text-transform:uppercase;color:#fff;text-shadow:var(--tsh);font-size:26px;font-weight:700;line-height:1.12}.frame.end .herorow .wav{flex:none;width:208px;height:208px}.frame.end .herorow .wav img{object-fit:contain;width:100%;height:100%;filter:var(--ish)}.frame.end .herostats{flex:none;justify-content:space-around;padding:30px 56px 0;display:flex}.frame.end .hstat{flex-direction:column;align-items:center;gap:16px;width:286px;display:flex}.frame.end .hstat .num{font-family:var(--disp);color:#fff;text-shadow:var(--tsh);font-variant-numeric:tabular-nums;font-size:42px;font-weight:700;line-height:1}.frame.end .hstat .ico img{width:auto;height:78px;filter:var(--ish);display:block}.frame.end .hstat .lab{font-family:var(--disp);letter-spacing:.03em;text-transform:uppercase;color:#fff;text-align:center;text-shadow:var(--tsh);font-size:26px;font-weight:700;line-height:1.14}.frame.end .gmain .divider{margin:14px 44px 0}.frame.end .others{flex:none;padding:0 40px}.frame.end .orow{align-items:center;gap:10px;padding:20px 4px;display:flex}.frame.end .rowline{background:linear-gradient(90deg,transparent,var(--line) 8%,var(--line) 92%,transparent);height:2px}.frame.end .owho{flex-direction:column;flex:0 0 164px;align-items:center;gap:6px;display:flex}.frame.end .owho .oav{object-fit:contain;width:100px;height:100px;filter:var(--ish)}.frame.end .owho .oname{font-family:var(--disp);color:#fff;text-shadow:var(--tsh);font-size:27px;font-weight:700}.frame.end .pcols{flex:auto;justify-content:space-around;align-items:flex-start;display:flex}.frame.end .pcol{flex-direction:column;align-items:center;width:144px;display:flex}.frame.end .pcol .val{height:52px;font-family:var(--disp);color:#fff;font-variant-numeric:tabular-nums;text-shadow:var(--tsh);justify-content:center;align-items:center;font-size:32px;font-weight:700;line-height:1;display:flex}.frame.end .pcol .ico{justify-content:center;align-items:center;height:64px;margin:8px 0 18px;display:flex}.frame.end .pcol .ico img{width:auto;height:58px;filter:var(--ish);display:block}.frame.end .pcol .lab{font-family:var(--disp);letter-spacing:.07em;text-transform:uppercase;color:var(--label);text-shadow:var(--tsh);font-size:15px;font-weight:700}.frame.end .pcol.ren .ico{font-family:var(--disp);color:var(--orange);font-variant-numeric:tabular-nums;text-shadow:var(--tsh);font-size:40px;font-weight:700;line-height:1}.frame.end .gfootline{flex:none;margin:0 44px}.frame.end .gfoot{flex:none;justify-content:center;gap:34px;padding:26px 60px 40px;display:flex}.frame.end .mbtn{cursor:pointer;width:360px;height:94px;line-height:1;font-family:var(--disp);letter-spacing:.03em;text-transform:uppercase;color:#fff;text-shadow:var(--btsh);background:50%/100% 100% no-repeat;border:0;justify-content:center;align-items:center;padding-bottom:6px;font-size:30px;font-weight:700;transition:transform .12s,filter .12s;display:inline-flex;position:relative}.frame.end .mbtn:hover{filter:brightness(1.07);transform:translateY(-2px)}.frame.end .mbtn.again{background-image:url(/assets/ui/button-light-green.png)}.frame.end .mbtn.menu{background-image:url(/assets/ui/button-brown.png)}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f4efe2;--orange:#f90;--label:#8ba4e6;--line:#e2d6c438;--disp:"PT Serif",Georgia,serif;--tsh:0 0 20px #000c, 0 0 9px #000c;--ish:drop-shadow(0 0 20px #000c) drop-shadow(0 0 9px #000c);--btsh:0 0 20px #000000f2, 0 0 10px #000000f2, 0 0 4px #000000f2;--s:.4}*{box-sizing:border-box}html,body{margin:0}body{color:var(--ink);font-family:var(--disp);background:#0b1430;justify-content:center;align-items:flex-start;min-height:100vh;padding:8px;display:flex}#root{width:100%}.framewrap{width:100%;position:relative}.frame{width:1080px;height:1920px;transform:translateX(-50%) scale(var(--s));transform-origin:top;background:url(/assets/ui/screen-bg.png) 50%/cover no-repeat,#0b1430;border:6px solid #06142b;border-radius:44px;flex-direction:column;display:flex;position:absolute;top:0;left:50%;overflow:hidden}.divider{background:linear-gradient(90deg,transparent,var(--line) 10%,var(--line) 90%,transparent);height:2px}.scroll{scrollbar-width:auto;scrollbar-color:#e2d6c447 transparent}.scroll::-webkit-scrollbar{width:26px}.scroll::-webkit-scrollbar-track{background:0 0}.scroll::-webkit-scrollbar-thumb{background:#e2d6c447 padding-box padding-box;border:6px solid #0000;border-radius:13px}
