.playful-game.eye-drop-app{--play-accent:#17344b;--play-ink:#172e43;--play-shadow:#7cc7d6;--play-soft:#dff6f8;--ed-navy:#172e43;--ed-red:#ef5b52;--ed-red-dark:#ad3634;--ed-muted:#4c6a7d;--ed-stage-w:min(100vw,calc(100dvh * 0.5625));height:100dvh;overflow:hidden;overflow:clip;color:var(--ed-navy);font-family:Playful,ui-rounded,Hiragino Maru Gothic ProN,Avenir Next,sans-serif;background:#9fe3ea url(/images/eye-drop/bg-wide.jpg) 50%/cover no-repeat;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.eye-drop-app img{-webkit-user-drag:none}.eye-drop-app[data-phase=play]{cursor:pointer}.eye-drop-app .ed-stage{position:absolute;top:0;left:50%;transform:translateX(-50%);width:var(--ed-stage-w);height:100dvh;overflow:hidden;background:#8ee0ea url(/images/eye-drop/bg-portrait.jpg) 50%/cover no-repeat;box-shadow:0 0 40px rgba(16,60,80,.28)}.eye-drop-app .ed-scene{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.eye-drop-app .ed-fx{position:absolute;inset:0;pointer-events:none;z-index:4}.eye-drop-app .ed-hud{position:absolute;z-index:5;top:max(12px,env(safe-area-inset-top,0px));left:max(16px,env(safe-area-inset-left,0px));right:max(16px,env(safe-area-inset-right,0px));display:flex;align-items:center;justify-content:space-between;gap:8px;pointer-events:none}.eye-drop-app .ed-stat{margin:0;font-size:21px;font-weight:900;line-height:1.1;color:var(--ed-navy);white-space:nowrap;text-shadow:0 2px 0 rgba(255,255,255,.7)}.eye-drop-app .ed-stat b{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.eye-drop-app.ed-negative .ed-stat-score b{color:#c0392b}.eye-drop-app.ed-urgent .ed-stat-time{color:#d8322a;animation:ed-pulse .5s ease-in-out infinite alternate}.eye-drop-app .ed-hud-btns{display:flex;gap:6px;pointer-events:auto}.eye-drop-app .ed-icon-btn{width:44px;height:44px;display:grid;place-items:center;padding:0;cursor:pointer;border:3px solid #fff;border-radius:50%;background:rgba(255,255,255,.72);color:var(--ed-navy);box-shadow:0 3px 0 rgba(23,52,75,.18)}.eye-drop-app .ed-icon-btn .off,.eye-drop-app .ed-icon-btn[aria-pressed=true] .on{display:none}.eye-drop-app .ed-icon-btn[aria-pressed=true] .off{display:inline}.eye-drop-app .ed-subhud{position:absolute;z-index:5;top:calc(max(12px, env(safe-area-inset-top, 0px)) + 50px);left:max(16px,env(safe-area-inset-left,0px));right:max(16px,env(safe-area-inset-right,0px));display:flex;align-items:center;justify-content:space-between;pointer-events:none}.eye-drop-app .ed-redness{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:800;color:var(--ed-muted)}.eye-drop-app .ed-redness-bar{width:86px;height:10px;border-radius:6px;background:rgba(255,255,255,.75);border:2px solid #fff;overflow:hidden}.eye-drop-app .ed-redness-fill{display:block;height:100%;background:linear-gradient(90deg,#ff9b8f,#ef5b52);transform-origin:left;transition:transform .35s ease-out}.eye-drop-app .ed-redness.clear .ed-redness-label{color:#278a70}.eye-drop-app .ed-combo{padding:3px 12px;border-radius:999px;background:#fff;color:#f04e48;font-size:15px;font-weight:900;box-shadow:0 3px 0 rgba(240,78,72,.3);opacity:0;transform:scale(.7);transition:opacity .2s,transform .2s}.eye-drop-app .ed-combo.on{opacity:1;transform:none}.eye-drop-app .ed-combo.burst{animation:ed-burst .45s ease-out}.eye-drop-app:is([data-phase=menu],[data-phase=loading],[data-phase=results]) :is(.ed-hud,.ed-subhud){visibility:hidden}.eye-drop-app .ed-hint{position:absolute;z-index:5;left:50%;top:44%;transform:translateX(-50%);margin:0;padding:8px 16px;border-radius:999px;background:rgba(255,255,255,.82);color:var(--ed-navy);font-size:15px;font-weight:800;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .3s}.eye-drop-app .ed-hint.show{opacity:1}.eye-drop-app:not(:is([data-phase=play],[data-phase=countdown])) .ed-hint{opacity:0}.eye-drop-app .ed-touch-only{display:none}@media (hover:none),(pointer:coarse){.eye-drop-app .ed-touch-only{display:inline}.eye-drop-app .ed-mouse-only{display:none}}.eye-drop-app .ed-countdown{position:absolute;z-index:6;left:0;right:0;top:34%;text-align:center;pointer-events:none;color:#fff;font-size:112px;font-weight:900;font-style:italic;line-height:1;text-shadow:5px 7px 0 var(--ed-navy)}.eye-drop-app .ed-countdown.tick{animation:ed-count .8s ease-out both}.eye-drop-app[data-phase=over] .ed-countdown{font-size:54px}.eye-drop-app .ed-pop{position:absolute;transform:translate(-50%,-50%);white-space:nowrap;pointer-events:none;font-size:32px;font-weight:900;letter-spacing:.01em;color:#34566e;-webkit-text-stroke:6px #fff;paint-order:stroke fill;animation:ed-pop .65s ease-out forwards}.eye-drop-app .ed-pop-perfect{color:#f04e48;font-size:36px}.eye-drop-app .ed-pop-great{color:#e87b32}.eye-drop-app .ed-pop-good{color:#278a70}.eye-drop-app .ed-pop-close{color:#7454a5}.eye-drop-app .ed-pop-miss{color:#34566e}.eye-drop-app .ed-pop-combo{color:#f04e48;font-size:22px;animation-delay:.08s;opacity:0}.eye-drop-app .ed-pop-cleared{color:#1d9ad6;font-size:28px;animation-duration:1.3s}.eye-drop-app .overlay{padding:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;z-index:10}.eye-drop-app .ed-panel{position:absolute;top:50%;transform:translateY(-50%);left:max(16px,min(calc(50% + var(--ed-stage-w) / 2 + 28px),calc(100% - 412px)));width:384px;max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;padding:24px 24px 20px;border:4px solid #fff;border-radius:28px;text-align:center;background:linear-gradient(#f4feffef,#d7f5f8f2);box-shadow:0 8px 0 var(--play-shadow),0 18px 40px rgba(16,60,80,.18)}.eye-drop-app .ed-paused{background:rgba(23,52,75,.32)}.eye-drop-app .ed-panel-small{left:50%;transform:translate(-50%,-50%);width:min(320px,calc(100vw - 32px))}.eye-drop-app .backlink{position:absolute;top:max(14px,env(safe-area-inset-top,0px));left:max(14px,env(safe-area-inset-left,0px));z-index:11;min-height:44px;display:inline-flex;align-items:center}.eye-drop-app .ed-kicker{display:block;color:#eb5951;font-size:12px;font-weight:900;letter-spacing:.14em}.eye-drop-app .ed-logo{margin:2px 0 6px;font-size:52px;font-weight:900;line-height:1;letter-spacing:.04em;color:var(--ed-navy);text-shadow:3px 4px 0 #fff}.eye-drop-app .ed-sub{margin:0 0 14px;font-size:15px;font-weight:700;line-height:1.5}.eye-drop-app .ed-panel .ed-label{margin:12px 0 8px;font-size:13px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--ed-muted)}.eye-drop-app .ed-cards{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.eye-drop-app .ed-card{display:grid;grid-template-columns:48px 1fr;grid-template-rows:auto auto;grid-column-gap:8px;column-gap:8px;align-items:center;text-align:left;min-height:64px;padding:7px 8px;cursor:pointer;border:3px solid #fff;border-radius:16px;background:rgba(255,255,255,.7);color:var(--ed-navy)}.eye-drop-app .ed-card img{grid-row:span 2;width:48px;height:48px;border-radius:50%;background:#fff}.eye-drop-app .ed-card b{font-size:14px;line-height:1.15}.eye-drop-app .ed-card small{font-size:11px;line-height:1.25;color:var(--ed-muted)}.eye-drop-app .ed-card[aria-checked=true]{border-color:var(--ed-red);background:#fff;box-shadow:0 3px 0 rgba(239,91,82,.35)}.eye-drop-app .ed-chips{display:flex;justify-content:center;gap:8px}.eye-drop-app .ed-chip{min-width:112px;min-height:44px;padding:6px 18px;cursor:pointer;border:3px solid #fff;border-radius:999px;background:rgba(255,255,255,.7);color:var(--ed-navy);font-size:16px;font-weight:900}.eye-drop-app .ed-chip[aria-checked=true]{background:var(--ed-navy);border-color:var(--ed-navy);color:#fff}.eye-drop-app .ed-note{margin:8px 0 0;font-size:12px;font-weight:700;line-height:1.4;color:var(--ed-muted)}.eye-drop-app[data-difficulty=hard] .ed-note-normal,.eye-drop-app[data-difficulty=normal] .ed-note-hard{display:none}.eye-drop-app .ed-best-line{margin:12px 0 10px;font-size:15px;font-weight:800}.eye-drop-app .ed-btn-red{display:block;width:100%;min-height:52px;padding:13px 30px;cursor:pointer;border:0;border-radius:999px;color:#fff;background:var(--ed-red);box-shadow:0 6px 0 var(--ed-red-dark);font-size:21px;font-weight:900;letter-spacing:.04em}.eye-drop-app .ed-btn-red:active{transform:translateY(4px);box-shadow:0 2px 0 var(--ed-red-dark)}.eye-drop-app .ed-btn-soft{flex:1 1;min-height:44px;padding:8px 14px;cursor:pointer;border:3px solid #fff;border-radius:999px;background:rgba(255,255,255,.75);color:var(--ed-navy);font-size:15px;font-weight:900}.eye-drop-app .ed-row{display:flex;gap:8px;margin-top:12px;align-items:stretch}.eye-drop-app .ed-row .share-btn{flex:1 1;margin-top:0;min-height:44px;padding:8px 14px;font-size:15px;border-radius:999px;color:var(--ed-navy)}.eye-drop-app .ed-hint-line{margin:12px 0 0;font-size:13px;font-weight:700;color:var(--ed-muted)}.eye-drop-app .ed-settings{display:flex;justify-content:center;gap:8px;margin-top:12px}.eye-drop-app .ed-setting{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:6px 14px;cursor:pointer;border:2px solid #fff;border-radius:999px;background:rgba(255,255,255,.55);color:var(--ed-navy);font-size:13px;font-weight:800}.eye-drop-app .ed-setting .off,.eye-drop-app .ed-setting[aria-pressed=false] .on{display:none}.eye-drop-app .ed-setting[aria-pressed=false] .off{display:inline}.eye-drop-app .ed-panel .ed-paused-title{margin:0 0 16px;font-size:30px;font-weight:900;color:var(--ed-navy)}.eye-drop-app .ed-eyebrow{margin:0 0 6px;color:#eb5951;font-size:14px;font-weight:900;letter-spacing:.16em}.eye-drop-app .ed-panel .ed-r-message{margin:0 0 8px;font-size:25px;font-weight:900;line-height:1.25;color:var(--ed-navy)}.eye-drop-app .ed-results[data-cleared=true] .ed-r-message{color:#1d86c0}.eye-drop-app .ed-r-new{display:none;margin:0 0 6px;color:#f04e48;font-size:14px;font-weight:900;letter-spacing:.1em}.eye-drop-app .ed-r-new.show{display:block;animation:ed-burst .6s ease-out}.eye-drop-app .ed-r-stats{display:flex;gap:8px;margin:10px 0}.eye-drop-app .ed-r-stats div{flex:1 1;padding:12px 4px;border-radius:16px;background:rgba(255,255,255,.6)}.eye-drop-app .ed-r-stats small,.eye-drop-app .ed-r-stats span{display:block}.eye-drop-app .ed-r-stats span{color:var(--ed-red);font-size:27px;font-weight:900;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.eye-drop-app .ed-r-stats small{margin-top:3px;font-size:12px;font-weight:700}.eye-drop-app .ed-r-grades{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 10px;margin:0 0 6px;padding:0;list-style:none;font-size:12px;font-weight:900}.eye-drop-app .ed-r-grades b{color:var(--ed-navy)}.eye-drop-app .ed-g-perfect span{color:#f04e48}.eye-drop-app .ed-g-great span{color:#e87b32}.eye-drop-app .ed-g-good span{color:#278a70}.eye-drop-app .ed-g-miss span{color:#34566e}.eye-drop-app .ed-g-close span{color:#7454a5}.eye-drop-app .ed-r-best{margin:0 0 6px;font-size:13px;font-weight:800;color:var(--ed-muted)}.eye-drop-app .ed-r-lbnote{display:none;margin:0 0 6px;font-size:12px;font-weight:700;color:var(--ed-muted)}.eye-drop-app .ed-results[data-difficulty=hard] .ed-r-lbnote{display:block}.eye-drop-app .ed-leaderboard{margin:6px 0 14px;text-align:left}@media (max-aspect-ratio:4/5),(max-width:700px){.eye-drop-app .ed-panel:not(.ed-panel-small){left:0;right:0;top:auto;bottom:0;transform:none;width:auto;max-height:80dvh;padding:18px max(16px,env(safe-area-inset-right,0px)) max(18px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));border-radius:26px 26px 0 0;border-width:4px 0 0}.eye-drop-app .ed-logo{font-size:40px}.eye-drop-app .ed-sub{font-size:14px;margin-bottom:8px}}@media (max-height:520px) and (orientation:landscape){.playful-game.eye-drop-app{--ed-stage-w:100vw}.eye-drop-app .ed-stage{background-image:url(/images/eye-drop/bg-wide.jpg)}.eye-drop-app .ed-panel:not(.ed-panel-small){left:auto;right:max(10px,env(safe-area-inset-right,0px));width:400px;max-height:calc(100dvh - 16px);padding:12px 16px}.eye-drop-app .ed-card small,.eye-drop-app .ed-hint-line,.eye-drop-app .ed-kicker,.eye-drop-app .ed-note,.eye-drop-app .ed-sub{display:none}.eye-drop-app .ed-logo{font-size:32px;margin-bottom:2px}.eye-drop-app .ed-panel .ed-label{margin:6px 0}.eye-drop-app .ed-cards{grid-template-columns:repeat(4,1fr);gap:6px}.eye-drop-app .ed-card{grid-template-columns:1fr;justify-items:center;text-align:center;min-height:0;padding:6px 4px}.eye-drop-app .ed-card img{grid-row:auto;width:40px;height:40px}.eye-drop-app .ed-card b{font-size:12px}.eye-drop-app .ed-best-line{margin:6px 0}.eye-drop-app .ed-settings{margin-top:8px}.eye-drop-app .ed-r-stats div{padding:6px 4px}.eye-drop-app .ed-r-stats span{font-size:22px}.eye-drop-app .ed-subhud{top:calc(max(8px, env(safe-area-inset-top, 0px)) + 34px)}.eye-drop-app .ed-hud{top:max(8px,env(safe-area-inset-top,0px))}.eye-drop-app .ed-hud-btns{position:absolute;right:0;top:34px}.eye-drop-app .ed-combo{margin-right:104px}.eye-drop-app .ed-countdown{font-size:84px;top:26%}}@media (max-width:380px){.eye-drop-app .ed-stat{font-size:18px}.eye-drop-app .ed-card small{display:none}}@keyframes ed-pop{0%{opacity:0;transform:translate(-50%,-30%) scale(.6)}15%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}30%{transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-110%) scale(1)}}@keyframes ed-count{0%{opacity:0;transform:scale(1.6)}20%{opacity:1;transform:scale(1)}85%{opacity:1}to{opacity:.2;transform:scale(.92)}}@keyframes ed-burst{0%{transform:scale(1.35)}to{transform:scale(1)}}@keyframes ed-pulse{0%{transform:scale(1)}to{transform:scale(1.08)}}@media (prefers-reduced-motion:reduce){.eye-drop-app .ed-combo.burst,.eye-drop-app .ed-countdown.tick,.eye-drop-app .ed-pop{animation-duration:.01s}.eye-drop-app.ed-urgent .ed-stat-time{animation:none}}