@font-face{font-family:WA Arcade;font-weight:400;font-display:swap;src:url(/fonts/lilita-one-home.woff2) format("woff2")}@font-face{font-family:WA Body;font-weight:200 1000;font-display:swap;src:url(/fonts/nunito-home.woff2) format("woff2")}@font-face{font-family:WA Arcade ZH;font-weight:400;font-display:swap;src:url(/fonts/zcool-huangyou-home.woff2) format("woff2")}@font-face{font-family:WA Round ZH;font-weight:500;font-display:swap;src:url(/fonts/chill-round-home-500.woff2) format("woff2")}@font-face{font-family:WA Round ZH;font-weight:700;font-display:swap;src:url(/fonts/chill-round-home-700.woff2) format("woff2")}@font-face{font-family:WA Round HANT;font-weight:500;font-display:swap;src:url(/fonts/chill-round-home-hant-500.woff2) format("woff2")}@font-face{font-family:WA Round HANT;font-weight:700;font-display:swap;src:url(/fonts/chill-round-home-hant-700.woff2) format("woff2")}@font-face{font-family:WA Round HANT;font-weight:900;font-display:swap;src:url(/fonts/chill-round-home-hant-900.woff2) format("woff2")}@font-face{font-family:WA Arcade JA;font-display:swap;src:url(/fonts/dela-gothic-home-ja.woff2) format("woff2")}@font-face{font-family:WA Round JA;font-weight:500;font-display:swap;src:url(/fonts/chill-round-home-ja-500.woff2) format("woff2")}@font-face{font-family:WA Round JA;font-weight:700;font-display:swap;src:url(/fonts/chill-round-home-ja-700.woff2) format("woff2")}@font-face{font-family:WA Arcade KO;font-display:swap;src:url(/fonts/black-han-home-ko.woff2) format("woff2")}@font-face{font-family:WA Round KO;font-weight:500;font-display:swap;src:url(/fonts/chill-round-home-ko-500.woff2) format("woff2")}@font-face{font-family:WA Round KO;font-weight:700;font-display:swap;src:url(/fonts/chill-round-home-ko-700.woff2) format("woff2")}@font-face{font-family:WA Arcade RU;font-display:swap;src:url(/fonts/russo-one-home.woff2) format("woff2")}@font-face{font-family:WA Arcade AR;font-display:swap;src:url(/fonts/lalezar-home-ar.woff2) format("woff2")}@font-face{font-family:WA Body AR;font-weight:400 800;font-display:swap;src:url(/fonts/baloo-bhaijaan-home-ar.woff2) format("woff2")}@font-face{font-family:WA Title Rampart;font-display:block;src:url(/fonts/rampart-one-title.woff2) format("woff2")}@font-face{font-family:WA Title Face;font-display:block;src:url(/fonts/rampart-one-face.woff2) format("woff2")}:root{--paper: #f7ede9;--ink: #2a201e;--mute: #75635f;--wall: #e8d6ce;--sky: #4f86c6;--line: rgba(42, 32, 30, .18);--line-strong: rgba(42, 32, 30, .45);--warn: #a4442e;--title: #3a2a28;--head: "WA Arcade", "WA Body", "Arial Rounded MT Bold", sans-serif;--head-weight: 400;--body: "WA Body", "Avenir Next", "Segoe UI", sans-serif}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);-webkit-text-size-adjust:100%}body{margin:0;background:transparent;font:500 19px/1.55 var(--body);text-autospace:normal;-webkit-font-smoothing:antialiased}#gl{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;display:block;visibility:hidden}body.zooming #gl{visibility:visible}.sheet{position:relative;z-index:1;min-height:100vh;padding:0 16px;transition:opacity .28s ease}.mast{position:relative;text-align:center;padding:clamp(64px,11vh,120px) 0 clamp(40px,7vh,80px)}.title{margin:0;font:400 clamp(34px,7.6vw,88px) / 1.2 "WA Title Rampart",var(--head);letter-spacing:.01em;color:var(--title)}.title .ink{display:inline-block;position:relative;z-index:0}.title .ink:before{content:attr(data-face);content:attr(data-face) / "";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;font-family:WA Title Face;color:#fbf8f5}.title .stop{display:inline-block;width:.15em;height:.15em;margin-left:.07em;border-radius:50%;vertical-align:.02em;background:radial-gradient(circle at 60% 30%,#9cc1e3,var(--sky) 70%);box-shadow:inset .02em .025em .03em #141e3273,inset -.012em -.01em 0 var(--wall)}.lang-hint{position:absolute;top:60px;right:14px;z-index:59;padding:2px 10px 3px;border-radius:999px;background:var(--paper);box-shadow:1px 2px 5px #1c140a2e;color:var(--ink);font-size:14px;text-decoration:none;animation:hint-in .5s .6s both cubic-bezier(.3,.7,.2,1)}@keyframes hint-in{0%{opacity:0;transform:translateY(-4px)}}.me-link{position:absolute;top:14px;right:62px;z-index:60;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--paper);color:var(--ink);box-shadow:0 0 0 1px #1f1c1824,0 2px 6px #1f1c1814;transition:box-shadow .2s}.me-link:hover{box-shadow:0 0 0 1px #1f1c1852,0 3px 10px #1f1c1824}.me-link:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.me-link svg{width:22px;height:22px;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linejoin:round}.me-link svg *{vector-effect:non-scaling-stroke}.me-link .red{fill:#c9322a;stroke:none}.me-link :is(.c1,.c2,.c3,.c4){stroke:none}.me-link .c1{fill:#82b8df}.me-link .c2{fill:#e8c773}.me-link .c3{fill:#ed997b}.me-link .c4{fill:#85cfbb}.me-link:hover svg{animation:me-link-jig .5s ease-in-out}@keyframes me-link-jig{30%{transform:rotate(-8deg)}65%{transform:rotate(5deg)}}@media(prefers-reduced-motion:reduce){.me-link:hover svg{animation:none}}.kinds{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 18px;max-width:760px;margin-left:auto;margin-right:auto;margin-top:clamp(30px,3.6vw,52px);font-size:19px}:is(:lang(zh),:lang(ja),:lang(ko)) .kinds{font-size:17px}.kinds a{padding:2px 8px;color:var(--mute);text-decoration:none}.kinds a:hover{color:var(--ink)}.group{scroll-margin-top:24px}.group+.group{margin-top:clamp(72px,11vw,132px)}.group-hd{margin:0 auto clamp(26px,4vw,44px);text-align:center}.group-hd h2{margin:0;font:var(--head-weight) clamp(30px,3.6vw,46px) / 1.15 var(--head);letter-spacing:.01em;color:var(--ink)}:is(:lang(zh),:lang(ja),:lang(ko)) .group-hd h2{letter-spacing:.06em}.group-hd p{margin:8px 0 0;color:var(--mute);font-size:clamp(17px,1.7vw,21px)}:is(:lang(zh),:lang(ja),:lang(ko)) .group-hd p{font-size:clamp(15px,1.4vw,18px)}.group--shelf+.group,.group+.group--shelf{margin-top:clamp(52px,7vw,92px)}.group--shelf .field{--cell: clamp(132px, 14.5vw, 172px);display:flex;flex-wrap:wrap;justify-content:center;gap:30px clamp(8px,1.6vw,22px);max-width:1180px;margin:0 auto}.group--shelf .hole{flex:0 0 var(--cell)}.group--shelf .win{width:92%}.group--shelf .name{font-size:clamp(16px,1.6vw,20px)}:is(:lang(zh),:lang(ja),:lang(ko)) .group--shelf .name{font-size:clamp(15px,1.5vw,18px)}.group--guess .field{display:grid;grid-template-columns:repeat(8,1fr);column-gap:clamp(6px,1.6vw,22px);row-gap:clamp(24px,3.6vw,44px);max-width:1000px;margin:0 auto}.group--guess .hole:nth-child(7n+1){grid-column:1 / span 2}.group--guess .hole:nth-child(7n+2){grid-column:3 / span 2}.group--guess .hole:nth-child(7n+3){grid-column:5 / span 2}.group--guess .hole:nth-child(7n+4){grid-column:7 / span 2}.group--guess .hole:nth-child(7n+5){grid-column:2 / span 2}.group--guess .hole:nth-child(7n+6){grid-column:4 / span 2}.group--guess .hole:nth-child(7n+7){grid-column:6 / span 2}@media(min-width:641px){.group--guess .hole:nth-child(7n+1):last-child{grid-column:4 / span 2}.group--guess .hole:nth-child(7n+1):nth-last-child(2){grid-column:3 / span 2}.group--guess .hole:nth-child(7n+2):last-child{grid-column:5 / span 2}.group--guess .hole:nth-child(7n+1):nth-last-child(3){grid-column:2 / span 2}.group--guess .hole:nth-child(7n+2):nth-last-child(2){grid-column:4 / span 2}.group--guess .hole:nth-child(7n+3):last-child{grid-column:6 / span 2}.group--guess .hole:nth-child(7n+5):last-child{grid-column:4 / span 2}.group--guess .hole:nth-child(7n+5):nth-last-child(2){grid-column:3 / span 2}.group--guess .hole:nth-child(7n+6):last-child{grid-column:5 / span 2}}.group--compare{container-type:inline-size}.group--compare .field{--cell: min(230px, calc((100cqw - 3 * var(--gap)) / 4));--win: clamp(84px, 15vw, 160px);--gap: clamp(0px, 1.5vw, 20px);display:flex;flex-wrap:wrap;justify-content:center;gap:40px var(--gap);max-width:980px;margin:0 auto}.group--compare .hole{width:var(--cell)}.group--compare .win{width:var(--win)}.group--compare .win:before,.group--compare .hole:nth-child(4n+1):before{content:"";position:absolute;height:1px;background:var(--ink);opacity:.5;pointer-events:none}.group--compare .win:before{top:50%;left:100%;width:calc(var(--cell) - var(--win) + var(--gap))}.group--compare .hole:nth-child(4n) .win:before,.group--compare .hole:last-child .win:before{width:calc((var(--cell) - var(--win)) / 2 + 18px)}.group--compare .hole:nth-child(4n+1):before{top:calc(var(--win) / 2);right:calc(50% + var(--win) / 2);width:calc((var(--cell) - var(--win)) / 2 + 18px)}.group--quiz .field{max-width:560px;margin:0 auto;border-top:1px solid var(--line)}.hole.hole--row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:16px 6px;border-bottom:1px solid var(--line)}.hole--row .bubbles{display:flex;gap:8px}.hole--row .bubbles i{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:1px solid var(--line-strong);font:700 12px/1 var(--body);font-style:normal;color:var(--mute)}.hole--row .bubbles i.on{border-color:var(--c);background:var(--c);color:var(--paper);box-shadow:0 0 0 1px var(--line-strong)}.hole--row .name{max-width:none;text-align:left}.hole--row .note{position:static;transform:none;opacity:1;font-size:14px}a.hole--row:hover .name:after,a.hole--row:focus-visible .name:after{clip-path:inset(0 0 0 0)}a.hole--row:focus-visible{outline:1.5px dashed var(--ink);outline-offset:2px}.hole{--wx: -3.5;--wy: 2.5;--still: none;position:relative;display:flex;flex-direction:column;align-items:center;gap:16px;text-decoration:none;color:inherit;outline:none;-webkit-tap-highlight-color:transparent}.win{position:relative;display:block;width:78%;aspect-ratio:1;border-radius:50%;background:center / cover no-repeat var(--still, none),var(--c)}.hole.live .win{background:transparent}.win>.view{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;border-radius:50%}.win:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;pointer-events:none;box-shadow:inset calc(var(--wx) * 1px) calc(var(--wy) * 1px) 0 0 var(--wall),inset calc(var(--wx) * 1px + 7px) calc(var(--wy) * 1px + 8px) 14px -2px #1c140a4d,inset 0 0 0 .5px #281e142e}.tap{position:absolute;left:50%;bottom:5%;transform:translate(-50%,6px);padding:0 9px 1px 10px;border-radius:999px;background:var(--paper);box-shadow:1px 2px 4px #1c140a38;font-size:13px;letter-spacing:.12em;white-space:nowrap;color:var(--ink);opacity:0;transition:opacity .3s,transform .3s;pointer-events:none}:is(:lang(zh),:lang(ja),:lang(ko)) .tap{letter-spacing:.2em}.note{position:absolute;top:1%;right:2%;font-size:15px;font-weight:700;color:var(--mute);transform:rotate(-6deg);opacity:0;transition:opacity .3s;pointer-events:none}.name{position:relative;max-width:92%;font:700 clamp(17px,1.85vw,22px) / 1.3 var(--body);text-align:center;text-wrap:balance;overflow-wrap:break-word}:is(:lang(zh),:lang(ja),:lang(ko)) .name{font-size:clamp(16px,1.6vw,19px);letter-spacing:.02em}.name:after{content:"";position:absolute;left:-2%;right:-2%;bottom:-5px;height:6px;background:no-repeat center / 100% 100% url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 6' preserveAspectRatio='none'%3E%3Cpath d='M1 4.2C20 2.6 44 2.2 62 3.1S90 4.6 99 2.4' fill='none' stroke='%231f1c18' stroke-width='1.1' stroke-linecap='round'/%3E%3C/svg%3E");clip-path:inset(0 100% 0 0);transition:clip-path .45s cubic-bezier(.3,.7,.2,1)}a.hole.hot .tap{opacity:1;transform:translate(-50%)}a.hole.hot .note{opacity:1}a.hole.hot .name:after{clip-path:inset(0 0 0 0)}a.hole:focus-visible .win{outline:1.5px dashed var(--ink);outline-offset:6px}.hole--row.soon{cursor:default}.hole.soon .name,.hole.blank .name{color:var(--mute)}.foot{max-width:560px;margin:0 auto;padding:clamp(72px,12vh,140px) 0 40px;text-align:center;font-size:15px;color:var(--mute)}.foot-links{display:flex;justify-content:center;gap:28px}.foot a{color:var(--mute);text-decoration:none}.foot a:hover{color:var(--ink)}body.zooming .sheet{opacity:0}@media(max-width:640px){.group--shelf .field{--cell: calc((100vw - 32px - 2 * 10px) / 3);gap:18px 10px}.group--shelf .win{width:88%}.group--shelf .name{font-size:15.5px}:is(:lang(zh),:lang(ja),:lang(ko)) .group--shelf .name{font-size:14px}.group--guess .field{grid-template-columns:repeat(6,1fr);column-gap:4px;row-gap:20px}.group--guess .hole:nth-child(n){grid-column:auto}.group--guess .hole:nth-child(5n+1){grid-column:1 / span 2}.group--guess .hole:nth-child(5n+2){grid-column:3 / span 2}.group--guess .hole:nth-child(5n+3){grid-column:5 / span 2}.group--guess .hole:nth-child(5n+4){grid-column:2 / span 2}.group--guess .hole:nth-child(5n+5){grid-column:4 / span 2}.group--guess .hole:nth-child(5n+1):last-child{grid-column:3 / span 2}.group--guess .hole:nth-child(5n+1):nth-last-child(2){grid-column:2 / span 2}.group--guess .hole:nth-child(5n+2):last-child{grid-column:4 / span 2}.group--guess .hole:nth-child(5n+4):last-child{grid-column:3 / span 2}.group--guess .win{width:90%}.group--guess .name{font-size:15.5px}:is(:lang(zh),:lang(ja),:lang(ko)) .group--guess .name{font-size:14px}.group--compare .field{--cell: calc((100vw - 32px) / 3);--win: calc((100vw - 32px) / 3 - 22px);--gap: 0px}.group--compare .hole:nth-child(4n) .win:before{width:calc(var(--cell) - var(--win) + var(--gap))}.group--compare .hole:nth-child(4n+1):before{content:none}.group--compare .hole:nth-child(3n+1):before{content:"";position:absolute;height:1px;background:var(--ink);opacity:.5;pointer-events:none;top:calc(var(--win) / 2);right:calc(50% + var(--win) / 2)}.group--compare .hole:nth-child(3n+1):before,.group--compare .hole:nth-child(3n) .win:before,.group--compare .hole:last-child .win:before{width:calc((var(--cell) - var(--win)) / 2 + 16px)}.hole{gap:10px}.name{font-size:16.5px}:is(:lang(zh),:lang(ja),:lang(ko)) .name{font-size:15.5px}.hole.hole--row{gap:12px;padding:14px 2px}.hole--row .bubbles{gap:5px}.hole--row .bubbles i{width:22px;height:22px;font-size:11px}.tap{display:none}a.hole:not(.hole--row) .note{display:none}}@media(prefers-reduced-motion:reduce){.name:after,.tap,.note,.sheet,.lang-hint{transition:none;animation:none}}:is(:lang(tr),:lang(ru)){--head: "WA Arcade RU", "WA Body", sans-serif}:lang(zh){--head: "WA Arcade ZH", "WA Round ZH", "PingFang SC", sans-serif;--body: "WA Round ZH", "PingFang SC", "Microsoft YaHei", sans-serif}:lang(zh-Hant){--head: "WA Round HANT", "PingFang TC", sans-serif;--head-weight: 900;--body: "WA Round HANT", "PingFang TC", "Microsoft JhengHei", sans-serif}:lang(ja){--head: "WA Arcade JA", "WA Round JA", sans-serif;--body: "WA Round JA", "Hiragino Maru Gothic ProN", "Yu Gothic", sans-serif}:lang(ko){--head: "WA Arcade KO", "WA Round KO", sans-serif;--body: "WA Round KO", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif}:lang(ar){--head: "WA Arcade AR", "WA Body AR", "Geeza Pro", sans-serif;--body: "WA Body AR", "Geeza Pro", "Noto Naskh Arabic", Tahoma, sans-serif}html:lang(ar) .sheet{direction:ltr}:lang(ar) :is(.group-hd,.name,.note,.mail-say,.mail-status,.lang-hint){direction:rtl}:lang(ar) *{letter-spacing:normal}:lang(ar) .group-hd h2{font-weight:400}:lang(ar) .name{font-size:clamp(16px,1.6vw,19px);line-height:1.5}@media(max-width:640px){:lang(ar) .group--shelf .name,:lang(ar) .group--guess .name{font-size:14px}:lang(ar) .name{font-size:15.5px}}.machine .m-hint{text-wrap:balance}:is(:lang(zh),:lang(ja)) .machine .m-hint{word-break:keep-all}