:root{font-family:Avenir Next,Avenir,Segoe UI,sans-serif;color:#303a32;background:#f3efe5;font-synthesis:none;font-weight:400;font-smooth:always;-webkit-font-smoothing:antialiased;--ink:#303a32;--muted:#7c8074;--coral:#e98c71;--cream:#f3efe5}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #4d8266;outline-offset:5px}button:disabled{cursor:default}button svg{width:22px;height:22px}button{border:0}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.game-shell{position:relative;width:100%;height:100%;height:100svh;isolation:isolate;background:radial-gradient(ellipse at 72% 38%,#f9f6ed 0%,transparent 50%),linear-gradient(150deg,#f0ecdf,#f3efe5 52%,#e6e8dc);overflow:hidden}.game-shell:after{content:"";position:absolute;inset:0;border:14px solid #faf8f0;pointer-events:none;z-index:30}#stage{position:absolute;inset:0;touch-action:none;user-select:none;-webkit-user-select:none}#stage canvas{display:block;width:100%;height:100%}.grain{position:absolute;inset:0;pointer-events:none;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.3' filter='url(%23n)'/%3E%3C/svg%3E");z-index:1}.topbar{position:absolute;left:52px;right:52px;top:max(37px,env(safe-area-inset-top));display:flex;align-items:center;justify-content:space-between;z-index:10}.wordmark{display:flex;align-items:center;gap:4px;font-size:24px;letter-spacing:-1.35px;font-weight:750;line-height:1}.wordmark-light{font-weight:450}.brand-dot{font-size:9px;align-self:flex-start;padding-top:2px;letter-spacing:0;margin-left:2px}.brand-mark{width:23px;height:24px;position:relative;display:block;margin-right:9px;transform:rotate(-12deg)}.brand-mark i{position:absolute;display:block;background:var(--ink);width:7px;border-radius:3px;bottom:0}.brand-mark i:nth-child(1){height:10px;left:0}.brand-mark i:nth-child(2){height:17px;left:8px}.brand-mark i:nth-child(3){height:24px;left:16px}.top-actions{display:flex;gap:8px}.icon-button{width:40px;height:40px;display:grid;place-items:center;background:#ffffff47;border:1px solid rgba(74,82,61,.13);border-radius:50%;transition:background .2s,transform .2s}.icon-button:hover{background:#fff9ed;transform:translateY(-1px)}.help-symbol{font-family:Georgia,serif;font-size:21px;line-height:1}.scoreboard{position:absolute;right:55px;top:126px;z-index:5;display:flex;align-items:center;gap:23px}.eyebrow{font-size:9px;letter-spacing:1.5px;font-weight:650;display:block;color:#777d70}.score-item strong{font-size:48px;letter-spacing:-2px;line-height:1.15;font-weight:500;font-variant-numeric:tabular-nums}.best-item strong{font-size:26px;line-height:1.8;font-weight:500;font-variant-numeric:tabular-nums;color:#7b8577}.score-divider{width:1px;height:40px;background:#cdd0c2}.intro{position:absolute;left:7.3%;top:26%;z-index:4;pointer-events:none;transition:opacity .65s,transform .65s}.edition{font-size:9px;letter-spacing:2px;font-weight:650;display:flex;align-items:center;gap:9px;margin-bottom:25px}.edition>span{width:6px;height:6px;background:#e9957c;border-radius:50%}.intro h1{font-size:clamp(49px,5.3vw,82px);line-height:1.04;letter-spacing:-4px;font-weight:500;margin:0 0 23px}.intro h1 em{font-family:Georgia,Times New Roman,serif;color:#b97156;font-weight:400;letter-spacing:-4px}.intro p{font-size:13px;line-height:1.8;color:#7b8074;margin:0;letter-spacing:.1px}.intro-note{display:flex;align-items:center;gap:12px;margin-top:31px;font-size:11px;color:#8b8d81;letter-spacing:.2px}.small-arrow{font-size:24px;font-weight:300;transform:rotate(9deg)}.has-started .intro{opacity:0;transform:translateY(-12px)}.island-caption{position:absolute;right:15.5%;bottom:28%;z-index:3;display:flex;gap:9px;align-items:center;font-size:8px;font-weight:600;letter-spacing:1.8px;color:#8f9785;transition:opacity .5s;pointer-events:none}.island-caption span{height:1px;width:24px;background:#9ba78f}.has-started .island-caption{opacity:0}.play-footer{position:absolute;bottom:max(37px,calc(env(safe-area-inset-bottom) + 20px));left:50%;transform:translate(-50%);z-index:8;width:min(380px,calc(100% - 56px));text-align:center}.control-copy{display:flex;flex-direction:column;gap:3px;font-size:11px;line-height:1.5;color:#7a8274;margin-bottom:15px;letter-spacing:.1px}.control-copy span:first-child{color:#465444}.hop-button{position:relative;display:flex;align-items:center;height:62px;width:100%;border:1px solid #c8d0bd;background:#f8f7ed;border-radius:20px;overflow:hidden;box-shadow:0 5px #d8ddcd,0 9px 22px #35442c0f;touch-action:none;user-select:none;-webkit-user-select:none;transition:transform .1s,box-shadow .1s,border-color .2s;padding:0 19px;isolation:isolate}.hop-button.holding{transform:translateY(4px);box-shadow:0 1px #c4cbb7,0 4px 12px #35442c0d;border-color:#aabda0}.charge-fill{position:absolute;inset:0;background:#d5e3bf;transform-origin:left;transform:scaleX(0);z-index:-1;transition:background .15s}.sweet .charge-fill{background:#b7d5ae}.perfect-zone{position:absolute;top:0;bottom:0;width:2px;background:#5f8266;opacity:0;z-index:-1}.holding .perfect-zone{opacity:.35}.hop-icon{display:flex;width:35px;height:35px;align-items:center;margin-right:9px;color:#5d7255}.hop-icon svg{width:30px;height:30px}.hop-label{font-size:13px;font-weight:600;letter-spacing:.1px;text-align:left;flex:1}.key-hint{font-size:8px;letter-spacing:.9px;color:#939b8b;border:1px solid #d8dfcd;border-radius:5px;padding:5px;display:flex;gap:7px}.key-hint>span{font-size:10px}.bottom-note{display:flex;justify-content:center;align-items:center;gap:6px;font-size:8px;color:#91988a;letter-spacing:.25px;margin-top:20px;white-space:nowrap}.status-dot{width:4px;height:4px;border-radius:50%;background:#a0af8b}.footer-separator{margin:0 1px}.landing-toast{position:absolute;left:50%;top:23%;transform:translate(-50%,12px);opacity:0;z-index:6;text-align:center;pointer-events:none;transition:opacity .15s,transform .2s;white-space:nowrap}.landing-toast.show{opacity:1;transform:translate(-50%)}.landing-toast>span{display:block;font-size:21px;letter-spacing:-.6px;font-weight:500}.landing-toast small{display:block;font-size:9px;letter-spacing:2px;color:#75906c;margin-top:8px;font-weight:600}.modal-backdrop{position:absolute;inset:0;background:#ebede0a6;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);z-index:50;display:grid;place-items:center;padding:24px}.modal-card{background:#faf7ee;width:min(420px,100%);border:1px solid #fffdf5;border-radius:30px;padding:40px;text-align:center;box-shadow:0 24px 100px #34452c1f;max-height:90svh;overflow:auto}.modal-kicker{font-size:8px;letter-spacing:1.5px;font-weight:650;color:#929b85;margin-bottom:20px}.modal-card h2{font-size:44px;font-weight:500;line-height:1.04;letter-spacing:-2px;margin:0 0 20px}.modal-card p{font-size:12px;line-height:1.7;color:#828977;margin:18px 0 24px}.primary-button{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#3f5743;color:#fbf9ef;border-radius:15px;min-height:53px;padding:0 21px;font-size:13px;width:100%;font-weight:500;transition:background .2s}.primary-button:hover{background:#557259}.text-button{background:transparent;margin:20px auto 0;font-size:11px;color:#8a917e;text-decoration:underline;text-underline-offset:4px}.result-scores{display:flex;justify-content:center;gap:44px;margin:27px 0 10px}.result-scores>div{min-width:90px}.result-scores strong{display:block;font-size:50px;font-weight:450;letter-spacing:-2px;line-height:1.3}.result-scores>div:nth-child(2) strong{color:#9ba78d}.how-to{list-style:none;padding:0;margin:28px 0 0;text-align:left}.how-to li{display:flex;gap:16px;margin:20px 0}.how-to li>span{font-size:11px;color:#b48269;padding-top:2px}.how-to strong{font-size:13px;font-weight:600}.how-to p{font-size:11px;margin:5px 0 0;line-height:1.6}.modal-card .help-footnote{font-size:10px;border-top:1px solid #e6e7d9;padding-top:18px;margin-bottom:20px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.fallback{padding:10vh 10vw;max-width:700px}.fallback h1{font-size:48px;font-weight:500;letter-spacing:-2px;margin-top:70px}.fallback p{line-height:1.7;color:#7c8074;margin-bottom:32px}.fallback .primary-button{width:200px}@media(min-width:1500px){.intro{left:12%}.play-footer{bottom:6%}}@media(max-width:900px)and (min-aspect-ratio:11/10){.intro{left:6%;top:28%}.intro h1{font-size:52px}.intro p{font-size:11px}.edition{font-size:8px}.topbar{left:35px;right:35px;top:30px}.scoreboard{right:40px;top:110px}.play-footer{width:330px;bottom:27px}.intro-note{margin-top:16px}.island-caption{display:none}}@media(max-aspect-ratio:11/10){.game-shell:after{border-width:8px}.topbar{left:27px;right:25px;top:max(27px,calc(env(safe-area-inset-top) + 15px))}.wordmark{font-size:22px}.brand-mark{transform:scale(.85) rotate(-12deg);margin-right:4px}.top-actions{gap:6px}.icon-button{width:33px;height:33px}.icon-button svg{width:18px;height:18px}#pause{display:none}.scoreboard{top:93px;left:30px;right:auto;gap:17px}.score-item strong{font-size:39px}.best-item strong{font-size:25px;line-height:1.45}.eyebrow{font-size:7px;letter-spacing:1.25px}.score-divider{height:31px}.intro{top:19.5%;left:30px;right:30px;text-align:left}.edition{font-size:7px;letter-spacing:1.5px;margin-bottom:13px}.intro h1{font-size:48px;letter-spacing:-2.5px;line-height:1.02;margin-bottom:13px}.intro h1 br{display:none}.intro h1 em{letter-spacing:-2px}.intro p{font-size:11px;line-height:1.6}.intro p br,.intro-note,.island-caption{display:none}.play-footer{bottom:max(30px,calc(env(safe-area-inset-bottom) + 16px));width:calc(100% - 54px);max-width:390px}.control-copy{font-size:10px;margin-bottom:13px;gap:2px}.hop-button{height:61px;border-radius:19px;padding:0 17px}.hop-label{font-size:12px}.key-hint{display:none}.hop-icon{margin-right:14px}.bottom-note{font-size:7px;margin-top:17px;gap:5px}.landing-toast{top:23%;width:calc(100% - 50px);white-space:normal}.landing-toast>span{font-size:20px}.modal-card{padding:32px 28px;border-radius:25px}.modal-card h2{font-size:40px}.modal-kicker{font-size:7px}}@media(max-width:360px){.topbar{left:22px;right:20px}.wordmark{font-size:20px}.intro{left:25px;right:25px}.intro h1{font-size:41px}.intro p{font-size:10px}.play-footer{width:calc(100% - 44px)}.bottom-note{font-size:6px}.hop-label{font-size:11px}}@media(max-height:650px)and (max-aspect-ratio:11/10){.intro{top:25%}.intro h1{font-size:38px}.edition{display:none}.intro p{font-size:10px}.play-footer{bottom:22px}.control-copy{display:none}.bottom-note{margin-top:15px}.scoreboard{top:85px}.score-item strong{font-size:32px}.landing-toast{top:24%}}@media(max-height:540px)and (min-aspect-ratio:11/10){.topbar{top:24px;left:28px;right:28px}.intro{top:30%;left:6%}.intro h1{font-size:43px;letter-spacing:-2px}.intro p,.intro-note,.edition{display:none}.scoreboard{top:90px;right:30px}.play-footer{bottom:24px;width:300px}.control-copy,.bottom-note{display:none}.hop-button{height:52px}.landing-toast{top:21%}.modal-card{padding:25px;max-width:380px}.modal-card h2{font-size:32px}.result-scores{margin:15px 0}.result-scores strong{font-size:40px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}@media(max-aspect-ratio:11/10){#stage canvas{mask-image:linear-gradient(to bottom,transparent 0%,#0002 27%,#000 46%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#0002 27%,#000 46%)}.intro h1{line-height:1.08}.intro{pointer-events:none}}.scoreboard{padding:10px 14px;background:#f3efe5b0;border-radius:18px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}:root{color:#e6f6ff;background:#060b19;--ink:#dff8ff;--muted:#8194b1;--coral:#ff4fa3;--cream:#080e20;font-family:Avenir Next,Segoe UI,sans-serif}.game-shell{background:radial-gradient(ellipse at 78% 37%,#12364555,transparent 52%),radial-gradient(ellipse at 12% 88%,#40134f55,transparent 46%),linear-gradient(145deg,#060a17,#0b1428 58%,#080c1c)}.game-shell:after{border:1px solid #4edbf12b;inset:12px;box-shadow:inset 0 0 30px #091c3544}.grain{opacity:.06;background:repeating-linear-gradient(to bottom,transparent 0 3px,#5bf5ff33 4px);mix-blend-mode:screen}.wordmark{font-size:21px;letter-spacing:1.7px;font-weight:800;text-transform:uppercase}.wordmark-light{font-weight:350;color:#86b9d0}.brand-dot{color:#ff58bd}.brand-mark{width:26px;height:26px;border:1px solid #60efff;border-radius:50%;transform:rotate(-32deg);box-shadow:0 0 12px #55dfff22;margin-right:10px}.brand-mark i{height:2px!important;width:34px!important;left:-5px!important;top:11px;background:#60efff;border-radius:100%;transform:rotate(12deg)}.brand-mark i:nth-child(2){transform:rotate(-27deg);opacity:.35}.brand-mark i:nth-child(3){height:5px!important;width:5px!important;left:18px!important;top:2px;border-radius:50%;background:#ff58bd;box-shadow:0 0 8px #ff58bd}.icon-button{background:#0b1528a6;border:1px solid #60c8e13b;color:#a8deee;border-radius:10px}.icon-button:hover{background:#14304a;color:#69f5ff}.help-symbol{font-family:monospace}.scoreboard{background:#081325b8;border:1px solid #5acfe32a;border-radius:10px;box-shadow:inset 3px 0 #56eaf1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.eyebrow{color:#7a9bb9;font:600 8px monospace;letter-spacing:1.5px}.score-item strong{color:#e9fbff;text-shadow:0 0 22px #5aefff33;font-family:monospace;font-weight:500}.best-item strong{color:#a9a4e6;font-family:monospace}.score-divider{background:#44638077}.edition{color:#63ecf4;font:600 9px monospace;letter-spacing:2.4px}.edition>span{background:#5ceef5;box-shadow:0 0 10px #5ceef5;border-radius:0;width:5px;height:5px}.intro h1{font-weight:800;font-size:clamp(52px,5.5vw,84px);letter-spacing:-3px;line-height:.96;text-transform:uppercase;text-shadow:3px 3px 0 #1e395744}.intro h1 em{font-family:inherit;font-weight:800;letter-spacing:-3px;font-style:normal;color:#65f1ff;text-shadow:0 0 32px #49e9ff44,3px 2px 0 #d639a133}.intro p{color:#8daac2;line-height:1.8;font-size:12px;max-width:320px}.intro-note{color:#698ca7;font:10px monospace;letter-spacing:1px}.small-arrow{color:#ff5ca8}.island-caption{color:#638ca6;font-family:monospace}.island-caption span{background:#50cdd1}.control-copy{color:#7ca1b8}.control-copy span:first-child{color:#bdd7e5}.hop-button{background:linear-gradient(110deg,#0e2435,#101f33);border:1px solid #54dce17a;border-radius:12px;color:#d9faff;box-shadow:0 4px #081522,0 0 26px #3cdfe00b;min-height:62px}.hop-button.holding{border-color:#6ef6ff;box-shadow:0 1px #133346,0 0 28px #4af0f429}.charge-fill{background:linear-gradient(90deg,#144f5d,#297d9a)}.sweet .charge-fill{background:linear-gradient(90deg,#704280,#b83e8d)}.perfect-zone{background:#ff70d0;box-shadow:0 0 6px #ff5fcc}.holding .perfect-zone{opacity:1}.hop-icon{color:#62e9ec}.hop-label{font-size:12px;letter-spacing:.6px}.key-hint{color:#77a3bd;border-color:#426b8866;border-radius:3px}.bottom-note{color:#5f829f;font-family:monospace;letter-spacing:.7px}.status-dot{background:#56e0d9;box-shadow:0 0 7px #60ffea}.landing-toast>span{color:#b9f9ff;text-shadow:0 0 16px #45ddff55;font-weight:650}.landing-toast small{color:#ff79c4}.modal-backdrop{background:#030817bb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.modal-card{background:linear-gradient(150deg,#102336,#0b1326);border:1px solid #53dbe555;border-radius:18px;box-shadow:0 25px 100px #020610,0 0 40px #48ddf212}.modal-kicker{color:#6de6ee;font-family:monospace;letter-spacing:2px}.modal-card h2{font-weight:750;text-transform:uppercase;letter-spacing:-1px;color:#e1f8ff}.modal-card p{color:#8facbf}.primary-button{background:linear-gradient(100deg,#46d7dd,#57aedf);color:#061325;border-radius:8px;font-weight:700}.primary-button:hover{background:#77e8ef}.text-button{color:#92b1c9}.result-scores strong{font-family:monospace;color:#66f3f4}.result-scores>div:nth-child(2) strong{color:#d28ae7}.how-to li>span{color:#fa6abd}.how-to strong{color:#d3edf8}.modal-card .help-footnote{border-color:#3b65794d}.fallback p{color:#9bc0d0}button:focus-visible,a:focus-visible{outline-color:#76ecff}@media(max-aspect-ratio:11/10){.game-shell:after{inset:7px;border-width:1px}.wordmark{font-size:17px;letter-spacing:1px}.intro h1{font-size:48px;letter-spacing:-2px;line-height:1.04}.intro h1 br{display:block}.intro h1 em{letter-spacing:-2px}.intro p{max-width:270px;font-size:10px}.intro{top:23%}.scoreboard{top:91px}.edition{font-size:7px}.hop-button{border-radius:10px}.modal-card h2{font-size:34px}.bottom-note{font-size:6px}}@media(max-height:650px)and (max-aspect-ratio:11/10){.intro{top:25%}.intro h1{font-size:36px;line-height:1}.intro h1 br{display:none}.intro p{font-size:9px;margin-top:12px}.scoreboard{top:78px}.wordmark{font-size:16px}.bottom-note{letter-spacing:.2px}}@media(max-height:540px)and (min-aspect-ratio:11/10){.intro h1{font-size:42px}.intro h1 br{display:block}}@media(max-height:650px)and (max-aspect-ratio:11/10){.intro h1 em{margin-left:.15em}}.ranking-trigger{width:auto!important;padding:0 12px;font:700 10px monospace;letter-spacing:1px}.ranking-dialog{box-sizing:border-box;width:min(660px,calc(100vw - 24px));max-height:calc(100dvh - 32px);padding:28px;color:#e2f4ff;background:radial-gradient(ellipse at top right,#16314a,transparent 65%),#0a1224;border:1px solid #51d9e16e;border-radius:18px;box-shadow:0 28px 100px #0009;overflow:auto;font-family:Avenir Next,Segoe UI,sans-serif}.ranking-dialog::backdrop{background:#030817ce;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ranking-head{position:relative;padding-right:35px}.ranking-kicker{font:10px monospace;letter-spacing:2px;color:#65e6ed}.ranking-head h2{font-size:clamp(24px,6vw,38px);margin:10px 0;letter-spacing:-1px}.ranking-close{position:absolute;right:-8px;top:0;background:#10263d;color:#b9eeff;border:1px solid #32617b;border-radius:8px;font-size:25px;width:36px;height:36px;cursor:pointer}.ranking-description{font-size:12px;color:#a7c5d8;line-height:1.8}.ranking-status{font-size:12px;line-height:1.7;color:#ffb0d7;min-height:1em}.ranking-list ol{padding:0;margin:0;list-style:none}.ranking-row{display:grid;grid-template-columns:28px 45px minmax(0,1fr) auto;gap:12px;align-items:center;padding:15px 5px;border-bottom:1px solid #294156;list-style:none}.ranking-position{font:14px monospace;color:#789ab9}.ranking-list li:nth-child(-n+3) .ranking-position{color:#8af4ed}.ranking-identity{display:flex;flex-direction:column;gap:4px;min-width:0}.ranking-name{font-size:14px;overflow-wrap:anywhere;color:#effaff}.ranking-costume{font-size:11px;color:#abbed5}.ranking-milestone{font:9px monospace;color:#d79ee9}.ranking-score{text-align:right;display:flex;flex-direction:column;gap:4px}.ranking-score strong{color:#74f1ee;font:26px monospace}.ranking-score small{color:#7696b2;font:8px monospace;letter-spacing:1px}.ranking-own{background:#18334480;border:1px solid #5ae5db45;border-radius:10px;padding:12px;margin:20px 0}.ranking-own p{font-size:12px;color:#a2b8cb;margin:0;line-height:1.8}.ranking-own .ranking-row{border:none;padding-bottom:2px}.rank-suit{width:40px;height:48px;position:relative;display:block;filter:drop-shadow(0 0 6px #65f5ff20)}.rank-helmet{position:absolute;width:24px;height:24px;left:8px;top:0;border-radius:45%;background:var(--helmet);box-shadow:0 0 0 2px var(--trim)}.rank-helmet:after{content:"";position:absolute;inset:6px 3px 5px;background:var(--visor);border-radius:40%;border-top:2px solid var(--trim)}.rank-body{position:absolute;width:22px;height:18px;top:24px;left:9px;background:var(--suit);border-radius:5px;box-shadow:-7px 0 0 -2px var(--suit),7px 0 0 -2px var(--suit)}.rank-body:after{content:"";position:absolute;inset:4px 5px 7px;background:var(--trim);border-radius:1px}.rank-legs{position:absolute;top:40px;left:11px;width:7px;height:8px;background:var(--suit);box-shadow:11px 0 var(--suit)}.ranking-register{display:grid;gap:10px;margin:22px 0 14px;padding-top:20px;border-top:1px solid #365066}.ranking-register>label:first-child{font-size:12px;color:#b0d5e5}.ranking-register input:not([type=checkbox]){box-sizing:border-box;width:100%;border:1px solid #4c7286;background:#07111e;color:#ecfaff;border-radius:7px;padding:12px;font:14px inherit}.ranking-consent{display:flex;gap:9px;align-items:flex-start;font-size:11px;line-height:1.8;color:#c0d3e1}.ranking-consent input{accent-color:#5ae6e6;min-width:18px;min-height:18px}.rank-primary{border:1px solid #67e9ee;background:linear-gradient(110deg,#47d4d5,#6aa9df);color:#071325;font:700 12px inherit;padding:13px 17px;border-radius:7px;cursor:pointer}.ranking-dialog>.rank-primary{width:100%}.rank-primary:disabled{opacity:.55;cursor:wait}.rank-link{background:none;border:none;color:#8fc9df;font:11px inherit;padding:14px 0;cursor:pointer;text-decoration:underline;text-underline-offset:4px}.ranking-privacy{font-size:10px;color:#8ca6bf;line-height:1.8;margin:4px 0}.ranking-empty{padding:28px 8px;color:#a6c6d4;font-size:13px}.ranking-dialog :focus-visible{outline:2px solid #77f8ff;outline-offset:4px}.rank-result{margin:0 0 18px}.rank-result p{font-size:11px;line-height:1.7}.rank-result button{width:100%}.ranking-dialog [hidden]{display:none!important}@media(max-width:480px){.ranking-dialog{padding:20px 16px}.ranking-row{grid-template-columns:22px 36px minmax(0,1fr) auto;gap:8px}.rank-suit{transform:scale(.85);transform-origin:left center}.ranking-score strong{font-size:23px}.ranking-name{font-size:12px}.ranking-trigger{padding:0 8px;font-size:9px}.top-actions{gap:6px}.ranking-costume{font-size:10px}.ranking-milestone{font-size:8px}.ranking-own{padding:10px}}@media(max-width:360px){.topbar .wordmark{font-size:14px;letter-spacing:.5px}.topbar .brand-mark{margin-right:1px;transform:scale(.7) rotate(-32deg)}.topbar .top-actions{gap:4px}.topbar .ranking-trigger{padding:0 6px}}