:root{color-scheme:light;--wall: #eef7f4;--card: #ffffff;--card2: #f4faf8;--ink: #22333b;--sub: #5f7681;--line: #d3e4df;--primary: #25b39a;--primary-d: #18917c;--coral: #ff6f81;--coral-d: #e2475c;--butter: #ffd36b;--butter-d: #e5ad2e;--sky: #69b7ff;--red: #e2455a;--green: #2f9e63;--orange: #ef8a2c;--night: #1d2433;--f-body: "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--f-head: "Jua", "Noto Sans KR", sans-serif;--f-pixel: Galmuri11, "Noto Sans KR", monospace;--u: 3px}*{box-sizing:border-box}[hidden]{display:none!important}html{--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px);--sar: env(safe-area-inset-right, 0px)}html,body{margin:0;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-text-size-adjust:100%;height:100%;background:#cfe3dd;color:var(--ink);font-family:var(--f-body);overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-font-smoothing:antialiased}body{display:flex;align-items:center;justify-content:center;height:100dvh;padding:var(--sat) var(--sar) var(--sab) var(--sal)}#app{position:relative;width:960px;height:540px;background:var(--wall);overflow:hidden;box-shadow:0 0 40px #14322d40}#stage{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:crosshair}#ui{position:absolute;inset:0;pointer-events:none;font-size:calc(var(--u) * 6.5);line-height:1.5}#ui .panel,#ui button,#ui input,#ui label,#ui a,#ui canvas,#ui .modal-backdrop,#ui .rank-list{pointer-events:auto}.art{image-rendering:pixelated}#mute,#gear{position:absolute;top:calc(var(--u) * 4);width:calc(var(--u) * 12);height:calc(var(--u) * 12);font-family:var(--f-body);font-size:calc(var(--u) * 6);color:var(--sub);background:var(--card);border:calc(var(--u) * .6) solid var(--line);border-radius:50%;cursor:pointer;z-index:5;padding:0;display:flex;align-items:center;justify-content:center}#mute{right:calc(var(--u) * 4)}#gear{right:calc(var(--u) * 18)}#app[data-screen=play] #mute,#app[data-screen=play] #gear,#app[data-screen=countdown] #mute,#app[data-screen=countdown] #gear,#app[data-screen=result] #mute,#app[data-screen=result] #gear{display:none}#mute.off{color:#b8c7cc;text-decoration:line-through}.screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--u) * 5);padding:calc(var(--u) * 8) calc(var(--u) * 10);text-align:center}.panel{background:var(--card);color:var(--ink);border:calc(var(--u) * .6) solid var(--line);border-radius:calc(var(--u) * 5);box-shadow:0 calc(var(--u) * 2) calc(var(--u) * 6) #1e463c1f;padding:calc(var(--u) * 6) calc(var(--u) * 9)}.hint{color:var(--sub)}.small{font-size:calc(var(--u) * 5.5)}h1,h2,h3{font-family:var(--f-head);font-weight:400;margin:0}.btn{position:relative;font-family:var(--f-body);font-weight:700;font-size:calc(var(--u) * 6.5);color:var(--ink);background:var(--card);border:calc(var(--u) * .6) solid var(--line);border-radius:calc(var(--u) * 4);padding:calc(var(--u) * 2.5) calc(var(--u) * 7);box-shadow:0 calc(var(--u) * 1) 0 var(--line);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--u) * 2.5);white-space:nowrap;transition:transform .06s,background .1s}.btn:hover{transform:translateY(calc(var(--u) * -.5))}.btn:active{transform:translateY(calc(var(--u) * .6));box-shadow:none}.btn.primary{color:#fff;background:var(--primary);border-color:var(--primary-d);box-shadow:0 calc(var(--u) * 1.2) 0 var(--primary-d)}.btn.coral{color:#fff;background:var(--coral);border-color:var(--coral-d);box-shadow:0 calc(var(--u) * 1.2) 0 var(--coral-d)}.btn.big{font-size:calc(var(--u) * 8);padding:calc(var(--u) * 3.5) calc(var(--u) * 10);border-radius:calc(var(--u) * 5)}.btn:disabled{background:var(--card2);color:#9fb2b8;border-color:var(--line);box-shadow:none;cursor:not-allowed;transform:none}.btn.small-btn{font-size:calc(var(--u) * 5.5);padding:calc(var(--u) * 1.6) calc(var(--u) * 4);gap:calc(var(--u) * 1.8)}.kbd{font-family:var(--f-pixel);font-weight:400;font-size:.7em;line-height:1;padding:calc(var(--u) * .8) calc(var(--u) * 1.4);border-radius:calc(var(--u) * 1.2);background:#22333b14;color:inherit;opacity:.75}.row{display:flex;gap:calc(var(--u) * 4);justify-content:center;align-items:center;flex-wrap:wrap}.blink{animation:blink 1.4s ease-in-out infinite}@keyframes blink{50%{opacity:.35}}.bounce{animation:bounce 1s ease-in-out infinite}@keyframes bounce{50%{transform:translateY(calc(var(--u) * -1.5))}}.toast{position:absolute;left:50%;top:calc(var(--u) * 6);transform:translate(-50%);background:var(--ink);color:#fff;font-size:calc(var(--u) * 6);font-weight:700;padding:calc(var(--u) * 2) calc(var(--u) * 6);border-radius:calc(var(--u) * 5);z-index:20;white-space:nowrap;animation:toast 2.2s ease forwards}@keyframes toast{0%{opacity:0;transform:translate(-50%,calc(var(--u) * -4))}10%,85%{opacity:1;transform:translate(-50%)}to{opacity:0}}.page-title{font-family:var(--f-head);font-size:calc(var(--u) * 10);color:var(--ink);line-height:1.2}.page-sub{font-size:calc(var(--u) * 5.8);color:var(--sub);margin-top:calc(var(--u) * -3)}.title-screen{justify-content:flex-start;align-items:stretch;padding:0;gap:0;text-align:left}.clinic-sign{display:flex;align-items:center;gap:calc(var(--u) * 3);padding:calc(var(--u) * 3.5) calc(var(--u) * 10);background:var(--card);border-bottom:calc(var(--u) * .6) solid var(--line);font-weight:700;font-size:calc(var(--u) * 6)}.cross{position:relative;width:calc(var(--u) * 9);height:calc(var(--u) * 9);border-radius:50%;background:var(--primary);flex:none}.cross:before,.cross:after{content:"";position:absolute;left:50%;top:50%;background:#fff;transform:translate(-50%,-50%)}.cross:before{width:56%;height:20%}.cross:after{width:20%;height:56%}.clinic-sign .open-unused{margin-left:auto;margin-right:calc(var(--u) * 26);font-weight:500;font-size:calc(var(--u) * 5.2);color:var(--primary-d);background:#e2f6f1;border-radius:calc(var(--u) * 4);padding:calc(var(--u) * .6) calc(var(--u) * 3.5)}.hero{flex:1;display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:calc(var(--u) * 4);padding:calc(var(--u) * 4) calc(var(--u) * 12) calc(var(--u) * 4) calc(var(--u) * 16)}.hero-copy{display:flex;flex-direction:column;gap:calc(var(--u) * 4);align-items:flex-start}.eyebrow{font-weight:700;font-size:calc(var(--u) * 5.5);color:var(--primary-d);background:#e2f6f1;border-radius:calc(var(--u) * 4);padding:calc(var(--u) * .8) calc(var(--u) * 4)}.eyebrow-row{display:flex;align-items:center;gap:calc(var(--u) * 3);flex-wrap:wrap}.title-screen .patients{font-size:calc(var(--u) * 5);opacity:.9;margin-top:calc(var(--u) * -.5)}.patients{display:inline-flex;align-items:center;gap:calc(var(--u) * 1.2);font-size:calc(var(--u) * 5.5);color:var(--sub);font-weight:500;white-space:nowrap}.patients b{font-weight:900;color:var(--ink);font-variant-numeric:tabular-nums}.patients .today{margin-left:calc(var(--u) * 2);color:var(--coral-d);font-weight:700}.pulse{width:calc(var(--u) * 3);height:calc(var(--u) * 3);border-radius:50%;background:var(--coral);margin-right:calc(var(--u) * 1);animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{50%{opacity:.3;transform:scale(.7)}}.logo{font-family:var(--f-head);font-size:calc(var(--u) * 17);line-height:1.12;color:var(--ink);letter-spacing:-.01em}.logo em{font-style:normal;color:var(--coral)}.lead{font-size:calc(var(--u) * 6);color:var(--sub);margin:0;line-height:1.6}.hero-actions{display:flex;gap:calc(var(--u) * 3);align-items:center;margin-top:calc(var(--u) * 1)}.hero-side{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.hero-doctor{width:calc(var(--u) * 96);height:calc(var(--u) * 96)}.bubble{position:relative;background:var(--card);border:calc(var(--u) * .6) solid var(--line);border-radius:calc(var(--u) * 6);padding:calc(var(--u) * 2.5) calc(var(--u) * 6);font-size:calc(var(--u) * 6);font-weight:700;box-shadow:0 calc(var(--u) * 2) calc(var(--u) * 5) #1e463c1a;margin-bottom:calc(var(--u) * -2);white-space:nowrap}.bubble:after{content:"";position:absolute;left:50%;bottom:calc(var(--u) * -3);width:calc(var(--u) * 5);height:calc(var(--u) * 5);background:var(--card);border-right:calc(var(--u) * .6) solid var(--line);border-bottom:calc(var(--u) * .6) solid var(--line);transform:translate(-50%) rotate(45deg)}.features{display:flex;align-items:center;flex:none;height:calc(var(--u) * 38);gap:calc(var(--u) * 8);padding:0 calc(var(--u) * 16) calc(var(--u) * 2)}.feature{display:inline-flex;align-items:center;gap:calc(var(--u) * 1.8);font-size:calc(var(--u) * 5.2);font-weight:700;color:var(--sub);white-space:nowrap}.feature img{width:calc(var(--u) * 10);height:calc(var(--u) * 10)}.cards{display:flex;gap:calc(var(--u) * 5);justify-content:center}.card{position:relative;font-family:var(--f-body);text-align:left;color:var(--ink);background:var(--card);border:calc(var(--u) * .6) solid var(--line);border-radius:calc(var(--u) * 5);box-shadow:0 calc(var(--u) * 1.5) calc(var(--u) * 4) #1e463c1a;padding:calc(var(--u) * 5);cursor:pointer;display:flex;flex-direction:column;gap:calc(var(--u) * 1.5);transition:transform .08s,border-color .1s}.card:hover{transform:translateY(calc(var(--u) * -1.5));border-color:var(--primary)}.mode-card{width:calc(var(--u) * 84);align-items:center;text-align:center;padding:calc(var(--u) * 6) calc(var(--u) * 5) calc(var(--u) * 5)}.card-icon{width:calc(var(--u) * 28);height:calc(var(--u) * 28)}.card .meta-line{font-size:calc(var(--u) * 5);font-weight:700;color:var(--primary-d);background:#e2f6f1;border-radius:calc(var(--u) * 3);padding:0 calc(var(--u) * 3)}.card .title{font-family:var(--f-head);font-size:calc(var(--u) * 9.5);line-height:1.2}.card .desc{font-size:calc(var(--u) * 5.2);color:var(--sub);line-height:1.4}.kbd.corner{position:absolute;top:calc(var(--u) * 3);left:calc(var(--u) * 3)}.practice-screen{gap:calc(var(--u) * 4);padding:calc(var(--u) * 7) calc(var(--u) * 10) calc(var(--u) * 7)}.cards.practice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(var(--u) * 3);width:100%}.small-card{flex-direction:row;align-items:center;gap:calc(var(--u) * 2.5);padding:calc(var(--u) * 2.5) calc(var(--u) * 3);border-radius:calc(var(--u) * 4)}.small-card .meta{display:flex;flex-direction:column;min-width:0}.small-card .title{font-family:var(--f-head);font-size:calc(var(--u) * 6.8);white-space:nowrap;line-height:1.25}.small-card .desc{font-size:calc(var(--u) * 4.8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-icon{width:calc(var(--u) * 18);height:calc(var(--u) * 18);flex:none}.intro-panel{display:flex;flex-direction:column;gap:calc(var(--u) * 3.5);align-items:center;width:calc(var(--u) * 200);padding:calc(var(--u) * 7) calc(var(--u) * 10)}.intro-head{display:flex;align-items:center;gap:calc(var(--u) * 5);text-align:left}.big-icon{width:calc(var(--u) * 30);height:calc(var(--u) * 30)}.step{font-size:calc(var(--u) * 5);font-weight:700;color:var(--primary-d)}.name{font-family:var(--f-head);font-size:calc(var(--u) * 12);color:var(--ink);line-height:1.15}.howto{margin:0;padding:0;list-style:none;font-size:calc(var(--u) * 6);line-height:1.65}.howto li:before{content:"·";color:var(--primary);font-weight:900;margin-right:calc(var(--u) * 2)}.controls{font-size:calc(var(--u) * 5.3);font-weight:700;color:var(--primary-d)}.skip{display:flex;align-items:center;gap:calc(var(--u) * 2);font-size:calc(var(--u) * 5.2);color:var(--sub);cursor:pointer}.skip input{width:calc(var(--u) * 5.5);height:calc(var(--u) * 5.5);accent-color:var(--primary)}.quick-intro{display:flex;flex-direction:column;align-items:center;gap:calc(var(--u) * 2);padding:calc(var(--u) * 7) calc(var(--u) * 14)}.preview{display:flex;gap:calc(var(--u) * 2.5);align-items:center;justify-content:center;min-height:calc(var(--u) * 15);padding:calc(var(--u) * 2) calc(var(--u) * 6);background:var(--card2);border-radius:calc(var(--u) * 4)}.keycap{min-width:calc(var(--u) * 12);height:calc(var(--u) * 12);display:inline-flex;align-items:center;justify-content:center;font-family:var(--f-pixel);font-size:calc(var(--u) * 5.5);background:var(--card);border:calc(var(--u) * .6) solid #b9cdc7;border-radius:calc(var(--u) * 2.5);box-shadow:0 calc(var(--u) * 1.6) 0 #b9cdc7;animation:press 1.6s infinite}.keycap.wide{min-width:calc(var(--u) * 40)}@keyframes press{0%,18%,to{transform:translateY(0);box-shadow:0 calc(var(--u) * 1.6) 0 #b9cdc7;background:var(--card)}8%{transform:translateY(calc(var(--u) * 1.6));box-shadow:0 0 #b9cdc7;background:#c9f1e7}}.mouse{position:relative;width:calc(var(--u) * 11);height:calc(var(--u) * 15);background:var(--card);border:calc(var(--u) * .6) solid #b9cdc7;border-radius:calc(var(--u) * 6) calc(var(--u) * 6) calc(var(--u) * 5) calc(var(--u) * 5)}.mouse:before{content:"";position:absolute;left:0;top:0;width:50%;height:45%;border-radius:calc(var(--u) * 5) 0 0 0;background:var(--primary);animation:click 1.2s infinite}.mouse.move{animation:wiggle 1.4s ease-in-out infinite}.mouse.move:before{animation:none;background:transparent}@keyframes click{0%,30%,to{opacity:0}10%{opacity:1}}@keyframes wiggle{0%,to{transform:translate(calc(var(--u) * -4))}50%{transform:translate(calc(var(--u) * 4),calc(var(--u) * -2))}}.countdown{font-family:var(--f-head);font-size:calc(var(--u) * 42);line-height:1;color:var(--primary);animation:pop .55s ease-out infinite}.countdown-label{font-family:var(--f-head);font-size:calc(var(--u) * 9);color:var(--ink)}@keyframes pop{0%{transform:scale(1.35);opacity:.4}40%,to{transform:scale(1);opacity:1}}.hud-bar{position:absolute;left:calc(var(--u) * 4);top:calc(var(--u) * 3);display:flex;align-items:center;gap:calc(var(--u) * 2.5)}.hud-btn{pointer-events:auto;width:calc(var(--u) * 12);height:calc(var(--u) * 12);border-radius:50%;border:none;background:#fffffff2;color:var(--primary-d);font-family:var(--f-body);font-weight:900;font-size:calc(var(--u) * 6);line-height:1;display:grid;place-items:center;padding:0;cursor:pointer;box-shadow:0 calc(var(--u) * 1) calc(var(--u) * 3) #00000040;position:relative}.hud-btn:hover{background:#fff;transform:translateY(calc(var(--u) * -.3))}.hud-quit{font-size:calc(var(--u) * 4);color:var(--sub);letter-spacing:.02em}html.touch .hud-quit{font-size:calc(var(--u) * 6)}.hud-sound.off{color:var(--sub)}.hud-sound.off:after{content:"";position:absolute;left:22%;right:22%;top:50%;height:calc(var(--u) * .8);background:var(--coral-d);border-radius:99px;transform:rotate(-45deg)}.hud{display:flex;gap:calc(var(--u) * 2.5);align-items:center;font-size:calc(var(--u) * 5.8);font-weight:700;color:var(--ink);background:#fffffff2;border-radius:calc(var(--u) * 5);padding:calc(var(--u) * .8) calc(var(--u) * 2.5) calc(var(--u) * .8) calc(var(--u) * 1.2);box-shadow:0 calc(var(--u) * 1) calc(var(--u) * 3) #00000040}.hud-icon{width:calc(var(--u) * 10);height:calc(var(--u) * 10)}.hud .hud-progress{font-family:var(--f-pixel);font-weight:400;color:var(--primary-d)}.interim-panel{display:flex;flex-direction:column;align-items:center;gap:calc(var(--u) * 2.5);min-width:calc(var(--u) * 160);padding:calc(var(--u) * 7) calc(var(--u) * 12)}.record{font-family:var(--f-head);font-size:calc(var(--u) * 15);line-height:1.15;color:var(--ink)}.score-line{display:flex;align-items:center;gap:calc(var(--u) * 3);font-weight:700}.stamp{font-size:calc(var(--u) * 5.5);font-weight:900;border:calc(var(--u) * .7) solid currentColor;border-radius:calc(var(--u) * 3);padding:0 calc(var(--u) * 2.5);transform:rotate(-6deg)}.stamp.ok{color:var(--green)}.stamp.warn{color:var(--orange)}.stamp.bad{color:var(--red)}.progress{display:flex;gap:calc(var(--u) * 1.5);margin-top:calc(var(--u) * 1)}.progress .dot{width:calc(var(--u) * 4);height:calc(var(--u) * 4);border-radius:50%;background:var(--line)}.progress .dot.done{background:var(--primary)}.result-screen{justify-content:flex-start;gap:calc(var(--u) * 3);padding:calc(var(--u) * 3) calc(var(--u) * 4)}.cert-wrap{pointer-events:auto;box-shadow:0 calc(var(--u) * 2) calc(var(--u) * 6) #1e322d38;animation:paper .5s ease-out}@keyframes paper{0%{transform:translateY(calc(var(--u) * 16));opacity:0}to{transform:none;opacity:1}}.cert{display:block;width:calc(var(--u) * 296);height:calc(var(--u) * 146)}.result-bar{width:calc(var(--u) * 296);display:flex;align-items:center;gap:calc(var(--u) * 2.5)}.result-bar .spacer{flex:1}.result-bar .btn.small-btn{font-size:calc(var(--u) * 5.4);padding:calc(var(--u) * 1.6) calc(var(--u) * 3.5)}.real-age{display:flex;gap:calc(var(--u) * 2);align-items:center;font-size:calc(var(--u) * 5.4);font-weight:700;color:var(--sub);white-space:nowrap}.real-age input{width:calc(var(--u) * 20);font-family:var(--f-body);font-weight:700;font-size:calc(var(--u) * 5.6);color:var(--ink);background:var(--card);border:calc(var(--u) * .6) solid var(--line);border-radius:calc(var(--u) * 2.5);padding:calc(var(--u) * 1) calc(var(--u) * 1.5);text-align:center;-webkit-user-select:text;user-select:text}.modal-backdrop{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#14232873;z-index:10}.modal{display:flex;flex-direction:column;align-items:center;gap:calc(var(--u) * 4);width:calc(var(--u) * 180);text-align:center}.modal-title{font-family:var(--f-head);font-size:calc(var(--u) * 10);color:var(--ink);line-height:1.2}.modal input[type=text]{width:100%;font-family:var(--f-body);font-weight:700;font-size:calc(var(--u) * 7);color:var(--ink);background:var(--card2);border:calc(var(--u) * .6) solid var(--line);border-radius:calc(var(--u) * 3);padding:calc(var(--u) * 2.5) calc(var(--u) * 4);text-align:center;-webkit-user-select:text;user-select:text}.modal input:focus{outline:calc(var(--u) * .8) solid var(--primary)}.modal-msg{min-height:1.5em;font-size:calc(var(--u) * 5.5);color:var(--sub)}.modal-msg.err{color:var(--red)}.modal-msg.ok{color:var(--green);font-weight:700}.settings{width:calc(var(--u) * 200)}.settings .set-row{width:100%;display:grid;grid-template-columns:calc(var(--u) * 36) calc(var(--u) * 10) 1fr calc(var(--u) * 20);gap:calc(var(--u) * 3);align-items:center;text-align:left;font-size:calc(var(--u) * 6);font-weight:700}.settings input[type=range]{width:100%;accent-color:var(--primary)}.settings input[type=range]:disabled{opacity:.35}.settings input[type=checkbox]{justify-self:start;width:calc(var(--u) * 6.5);height:calc(var(--u) * 6.5);accent-color:var(--primary)}.settings .val{text-align:right;font-weight:500;color:var(--sub)}.share-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--u) * 3);width:100%}.share-btn{display:flex;flex-direction:column;align-items:center;gap:calc(var(--u) * 1.5);font-family:var(--f-body);font-weight:700;font-size:calc(var(--u) * 5.2);color:var(--ink);text-decoration:none;background:var(--card2);border:calc(var(--u) * .6) solid var(--line);border-radius:calc(var(--u) * 4);padding:calc(var(--u) * 3) calc(var(--u) * 2);cursor:pointer}.share-btn:hover{border-color:var(--primary)}.share-btn .ico{width:calc(var(--u) * 13);height:calc(var(--u) * 13);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--f-body);font-weight:900;font-size:calc(var(--u) * 4.4);color:#fff}.ico.native{background:var(--primary)}.ico.x{background:#111}.ico.fb{background:#1877f2}.ico.th{background:#222}.ico.link{background:var(--sky)}.ico.save{background:var(--coral)}.rank-screen{gap:calc(var(--u) * 3);padding:calc(var(--u) * 18) calc(var(--u) * 8) calc(var(--u) * 5)}.rank-panel{width:100%;flex:1;min-height:0;display:flex;flex-direction:column;gap:calc(var(--u) * 2.5);padding:calc(var(--u) * 4) calc(var(--u) * 6);text-align:left}.rank-head{display:flex;align-items:baseline;justify-content:space-between}.tabs{display:flex;flex-wrap:wrap;gap:calc(var(--u) * 1.5);align-items:center}.tabs .spacer{flex:1}.tab,.chip{font-family:var(--f-body);font-weight:700;font-size:calc(var(--u) * 5.4);color:var(--sub);background:var(--card2);border:calc(var(--u) * .6) solid var(--line);border-radius:calc(var(--u) * 4);padding:calc(var(--u) * .8) calc(var(--u) * 3.5);cursor:pointer}.chip{font-size:calc(var(--u) * 4.8);padding:calc(var(--u) * .3) calc(var(--u) * 2.5)}.tab.active,.chip.active{color:#fff;background:var(--primary);border-color:var(--primary-d)}.tab.period.active{background:var(--ink);border-color:var(--ink)}.rank-list{flex:1;min-height:0;overflow-y:auto;border-top:calc(var(--u) * .6) solid var(--line)}.rank-row{display:grid;grid-template-columns:calc(var(--u) * 16) 1fr calc(var(--u) * 50) calc(var(--u) * 64);gap:calc(var(--u) * 3);align-items:center;font-size:calc(var(--u) * 6);font-weight:700;padding:calc(var(--u) * 1.2) calc(var(--u) * 2);border-bottom:calc(var(--u) * .5) solid var(--card2);font-variant-numeric:tabular-nums}.rank-row .r{color:var(--sub);text-align:center}.medal{display:inline-flex;align-items:center;justify-content:center;width:calc(var(--u) * 9);height:calc(var(--u) * 9);border-radius:50%;color:var(--ink);font-size:calc(var(--u) * 5)}.medal.m1{background:var(--butter)}.medal.m2{background:#dfe7ee}.medal.m3{background:#f4c39c}.rank-row .n{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-row .m{color:var(--coral-d);text-align:right}.rank-row .s{color:var(--sub);font-weight:500;font-size:calc(var(--u) * 5);text-align:right}.rank-row.me{background:#e2f6f1;border-radius:calc(var(--u) * 2)}.rank-empty{padding:calc(var(--u) * 10);text-align:center;color:var(--sub)}@media(prefers-reduced-motion:reduce){.bounce,.keycap,.mouse,.mouse:before,.countdown,.cert-wrap,.blink{animation:none}}html.touch .kbd,html.touch .btn .kbd,html.touch .kbd.corner{display:none!important}html.touch #stage{cursor:default}html.touch .btn{min-height:34px}.preview.touch-hint{display:flex;align-items:center;gap:calc(var(--u) * 2.5);font-size:calc(var(--u) * 6);font-weight:700;color:var(--primary-d);background:#e2f6f1;border-radius:calc(var(--u) * 4);padding:calc(var(--u) * 2.5) calc(var(--u) * 5)}.touch-hint .finger{font-size:calc(var(--u) * 8);animation:tap 1.1s ease-in-out infinite}@keyframes tap{50%{transform:translateY(calc(var(--u) * 1.5)) scale(.92)}}#rotate{display:none!important}html.rotated #app{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%) rotate(90deg)}html.touch .hud-btn{width:calc(var(--u) * 16);height:calc(var(--u) * 16);font-size:calc(var(--u) * 7.5)}html.touch .hud-bar{gap:calc(var(--u) * 4)}.gender-seg{display:inline-flex;background:var(--card2);border:calc(var(--u) * .6) solid var(--line);border-radius:calc(var(--u) * 4);padding:calc(var(--u) * .6);gap:calc(var(--u) * .6)}.gender-seg button{pointer-events:auto;border:none;background:transparent;font-family:var(--f-body);font-weight:700;font-size:calc(var(--u) * 5);color:var(--sub);border-radius:calc(var(--u) * 3);padding:calc(var(--u) * .6) calc(var(--u) * 3);cursor:pointer}.gender-seg button.on{background:var(--primary);color:#fff}.seo-intro{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.features .credit{margin-left:auto;font-size:calc(var(--u) * 4.2);font-weight:500;color:var(--sub);opacity:.8;white-space:nowrap}.features .credit b{font-weight:700;color:var(--primary-d)}