.kr-root{--abyss:#04070f;--panel:#0b1526;--line:#38bdf859;--muted:#9aa9c4;--ink:#e8eef7;--pink:#ff5d8f;--violet:#38bdf8;--violet-deep:#0ea5e9;--aqua:#2dd4bf;--amber:#fbbf24;--orange:#ff8a3d;--font-kr-ui:var(--font-sans), "Inter", system-ui, -apple-system, sans-serif;--font-kr-display:var(--font-display), "Fraunces", Georgia, serif;--font-mono-ui:var(--font-sans), "Inter", system-ui, sans-serif;background:var(--abyss);width:100%;height:100%;color:var(--ink);font-family:var(--font-kr-ui);-webkit-user-select:none;user-select:none;perspective:1400px;position:relative;overflow:hidden}.kr-canvas{display:block;position:absolute;inset:0}.kr-vignette{pointer-events:none;z-index:5;opacity:.3;background:radial-gradient(at 50% 42%,#0000 52%,#04020e8c 100%);position:absolute;inset:0}.kr-edge{pointer-events:none;z-index:8;opacity:0;transition:opacity .3s;position:absolute;inset:0;box-shadow:inset 0 0 84px 12px #ff5d8f80}.kr-edge.on{opacity:1}.kr-px{border-radius:20px}.kr-intro{z-index:20;text-align:center;flex-direction:column;align-items:center;padding:max(26px,4.5vh) 16px 20px;display:flex;position:absolute;inset:0;overflow:hidden auto}.kr-pearl{background:linear-gradient(155deg,#fffdfffa 0%,#eee4fcf5 38%,#cebcfaf2 72%,#b29cf6f5 100%);border:1px solid #ffffffd9;border-radius:30px;width:min(452px,94vw);padding:30px 26px 26px;position:relative;overflow:hidden;box-shadow:0 30px 60px #04070f8c,0 8px 22px #04070f66,inset 0 2px #fffffff2,inset 0 -14px 30px #7c5cf62e,inset 0 0 44px #f4c8ff59}.kr-pearl:before{content:"";pointer-events:none;background:radial-gradient(120% 60% at 12% 0,#ffffffbf,#0000 55%),radial-gradient(90% 55% at 88% 100%,#7df0ff38,#0000 60%),radial-gradient(70% 45% at 78% 8%,#ffb7e647,#0000 60%);position:absolute;inset:0}.kr-title{font-family:var(--font-kr-display);letter-spacing:.015em;background:linear-gradient(#0c4a6e 8%,#0369a1 42%,#d61c69 78%,#0284c7 100%);color:#0000;filter:drop-shadow(0 2px #ffffffa6)drop-shadow(0 6px 14px #4c1d9559);-webkit-background-clip:text;background-clip:text;font-size:clamp(42px,8vw,62px);font-weight:700;line-height:1.02;position:relative}.kr-tagline{color:#0369a1;letter-spacing:.34em;text-indent:.34em;text-transform:uppercase;margin-top:12px;font-size:clamp(12px,2.8vw,15px);font-weight:800;position:relative}.kr-subline{color:#0a2a4d;text-shadow:0 1px #fff9,0 0 16px #ffffff73;margin-top:9px;font-size:clamp(13px,3vw,14.5px);font-weight:700;position:relative}.kr-howto{color:#0369a1;letter-spacing:.16em;cursor:pointer;text-transform:uppercase;background:0 0;border:none;margin-top:14px;font-family:inherit;font-size:12.5px;font-weight:700;position:relative}.kr-howto:hover{color:#0c4a6e}.kr-howto-body{text-align:left;color:#101d33;background:#ffffff8c;border:1px solid #7c5cf640;border-radius:16px;margin-top:10px;padding:12px 16px 10px;font-size:13.5px;line-height:1.55;position:relative}.kr-howto-body div{margin:2px 0}.kr-actions{flex-direction:column;gap:11px;margin-top:20px;display:flex;position:relative}.kr-btn3d{cursor:pointer;width:100%;font-family:var(--font-kr-ui);letter-spacing:.06em;color:#fff;text-shadow:0 1px 3px #0a042873;text-align:center;border:1px solid #ffffff8c;border-radius:999px;padding:15px 18px;font-size:17px;font-weight:800;text-decoration:none;transition:transform .13s cubic-bezier(.34,1.56,.64,1),box-shadow .2s,filter .2s;display:block;position:relative;overflow:hidden}.kr-btn3d:before{content:"";pointer-events:none;background:linear-gradient(#ffffff8c,#ffffff0f);border-radius:999px;height:46%;position:absolute;top:2px;left:4%;right:4%}.kr-btn3d:hover{filter:brightness(1.07);transform:translateY(-2px)}.kr-btn3d:active{transform:translateY(2px)}.kr-btn-play{background:linear-gradient(#7dd3fc 0%,#38bdf8 42% 78%,#0ea5e9 100%);box-shadow:0 12px 26px #0284c773,0 4px #16294a,inset 0 -8px 14px #0b152659}.kr-btn-play:hover{box-shadow:0 16px 32px #0284c78c,0 5px #16294a,inset 0 -8px 14px #0b15264d}.kr-btn-play:active{box-shadow:0 4px 10px #0284c766,0 1px #16294a,inset 0 -4px 8px #0b152659}.kr-btn-unlimited{background:linear-gradient(#0ea5e9 0%,#0369a1 55%,#0c4a6e 100%);box-shadow:0 12px 26px #0ea5e973,0 4px #0b1526,inset 0 -8px 14px #070d1a66}.kr-btn-unlimited:active{box-shadow:0 4px 10px #0ea5e966,0 1px #0b1526,inset 0 -4px 8px #070d1a66}.kr-btn-challenge{background:linear-gradient(#ffb03a 0%,#ff8a3d 48%,#f95d2f 100%);box-shadow:0 12px 26px #f9732f6b,0 4px #9a3412,inset 0 -8px 14px #781e0452}.kr-btn-challenge:active{box-shadow:0 4px 10px #f9732f66,0 1px #9a3412,inset 0 -4px 8px #781e0452}.kr-begin{margin-top:20px;position:relative}.kr-intro-spacer{flex:auto;min-height:18px}.kr-stats{justify-content:space-between;gap:8px;width:min(452px,94vw);margin-top:16px;display:flex}.kr-stat{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(#1710388c,#0a061c8c);border:1px solid #bae6fd38;border-radius:16px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:9px 4px 8px;display:flex;box-shadow:inset 0 1px #ffffff24,0 8px 18px #04070f59}.kr-stat-label{letter-spacing:.22em;color:#e6e0ffbf;font-size:9.5px;font-weight:700}.kr-stat-num{color:#fff;text-shadow:0 2px 8px #04070f99;font-variant-numeric:tabular-nums;font-size:19px;font-weight:800;line-height:1.1}.kr-intro-meta{color:#e2dbffeb;letter-spacing:.16em;text-transform:uppercase;text-shadow:0 1px 6px #04070fb3;justify-content:space-between;align-items:center;gap:10px;width:min(452px,94vw);margin-top:12px;font-size:11.5px;font-weight:600;display:flex}.kr-streak{color:var(--amber)}.kr-corner{z-index:22;color:#e8eef7;cursor:pointer;background:radial-gradient(circle at 32% 26%,#5846a0f2,#140d30f2 68%);border:1px solid #bae6fd66;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .13s,filter .15s;display:flex;position:absolute;box-shadow:inset 0 1px #ffffff59,inset 0 -5px 9px #04070f73,0 8px 18px #04070f80}.kr-corner:hover{filter:brightness(1.18)}.kr-corner:active{transform:translateY(2px)}.kr-corner.tl{top:14px;left:14px}.kr-corner.tr{top:14px;right:14px}.kr-corner svg{width:21px;height:21px}.kr-menu-panel{z-index:23;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(170deg,#261b56f7,#100a28fa);border:1px solid #7dd3fc59;border-radius:20px;flex-direction:column;gap:4px;width:238px;padding:12px;display:flex;position:absolute;top:66px;left:14px;box-shadow:0 24px 44px #04070fa6,inset 0 1px #ffffff29}.kr-menu-panel h3{color:var(--violet);font-family:var(--font-kr-display);letter-spacing:.08em;margin:2px 6px 8px;font-size:14px;font-weight:700}.kr-menu-item{text-align:left;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:10px;padding:8px 10px;font-family:inherit;font-size:15px;font-weight:500;transition:background .15s,color .15s;display:flex}.kr-menu-item:hover{color:#fff;background:#38bdf838}.kr-menu-item .sym{color:var(--violet);text-align:center;width:18px}.kr-hud{z-index:10;pointer-events:none;justify-content:space-between;align-items:flex-start;gap:10px;max-width:780px;margin:0 auto;display:flex;position:absolute;top:12px;left:14px;right:14px}.kr-pod{text-align:center;pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#1e1648eb,#0c0720f0);border:1px solid #7dd3fc61;border-radius:18px;min-width:104px;padding:8px 16px 9px;box-shadow:inset 0 1px #ffffff47,inset 0 -9px 16px #04070f80,0 12px 24px #04070f73}.kr-pod .label{color:#b8c5d9;letter-spacing:.3em;text-indent:.3em;font-size:10px;font-weight:700}.kr-depth-num,.kr-score-num{color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 0 14px #7df0ff59,0 2px 6px #04070f99;font-size:27px;font-weight:800;line-height:1.12}.kr-score-num{text-shadow:0 0 14px #ff5d8f66,0 2px 6px #04070f99}.kr-hud-mid{pointer-events:auto;flex-direction:column;align-items:center;gap:6px;padding-top:6px;display:flex}.kr-dots{gap:7px;display:flex}.kr-dots i{background:#0b1526;border-radius:50%;width:12px;height:12px;display:block}.kr-prompt-count{color:#ebe6ffe6;letter-spacing:.26em;text-indent:.26em;text-shadow:0 1px 6px #04070fcc;margin-top:2px;font-size:10.5px;font-weight:700}.kr-card{z-index:9;-webkit-backdrop-filter:blur(12px)saturate(1.35);backdrop-filter:blur(12px)saturate(1.35);background:linear-gradient(165deg,#342474e0,#120b2eeb 62%);border:1px solid #bae6fd73;border-radius:22px;width:min(520px,100vw - 32px);padding:18px 22px 15px;position:absolute;top:100px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 26px 50px #04070f8c,inset 0 1px #ffffff4d,inset 0 -16px 30px #03001073}.kr-card:before{content:"";pointer-events:none;background:linear-gradient(#ffffff29,#0000 42%);position:absolute;inset:0}.kr-card-in{animation:.7s cubic-bezier(.2,1.5,.4,1) backwards kr-card-in}@keyframes kr-card-in{0%{opacity:0;transform:translate(-50%)translateY(26px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.kr-card-label{color:var(--pink);letter-spacing:.26em;font-size:11px;font-weight:800}.kr-card-text{font-family:var(--font-kr-display);color:#fff;text-shadow:0 2px 10px #04070f8c;margin-top:7px;font-size:clamp(23px,4.6vw,30px);font-weight:600;line-height:1.22;position:relative}.kr-card-hint{color:#cdc4fad9;letter-spacing:.2em;text-transform:uppercase;margin-top:10px;font-size:11.5px;font-weight:600}.kr-dock{z-index:10;padding:10px 12px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(#0000,#060314d9 58%);position:absolute;bottom:0;left:0;right:0}.kr-dock-inner{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#281c60e6,#0d0824f2);border:1px solid #7dd3fc59;border-radius:26px;align-items:center;gap:12px;max-width:620px;margin:0 auto;padding:12px 14px;display:flex;box-shadow:inset 0 1px #ffffff38,inset 0 -12px 22px #04070f73,0 18px 36px #04070f8c}.kr-sonar{flex:none;width:60px;height:60px;position:relative}.kr-sonar-scope{background:radial-gradient(circle at 34% 28%,#4c3a96f2,#0d0824fa 70%);border:1px solid #7df0ff66;border-radius:50%;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 3px 10px #04070fa6,inset 0 -6px 12px #38e1ff24,0 6px 14px #04070f80}.kr-sonar-scope:after{content:"";pointer-events:none;background:radial-gradient(circle at 30% 20%,#ffffff47,#0000 46%);border-radius:50%;position:absolute;inset:0}.kr-sonar-sweep{transform-origin:0;background:linear-gradient(90deg,#38e1fff2,#38e1ff00);border-radius:2px;width:50%;height:2px;animation:2.4s linear infinite kr-sweep;position:absolute;top:50%;left:50%}.kr-sonar.hot .kr-sonar-sweep{background:linear-gradient(90deg,#ff5d8ff2,#ff5d8f00);animation-duration:.7s}@keyframes kr-sweep{to{transform:rotate(360deg)}}.kr-sonar-digits{color:#bae6fd;text-shadow:0 0 12px #38e1ffa6;font-variant-numeric:tabular-nums;justify-content:center;align-items:center;font-size:24px;font-weight:800;display:flex;position:absolute;inset:0}.kr-sonar.hot .kr-sonar-digits{color:var(--pink);text-shadow:0 0 12px #ff5d8fcc;animation:.5s steps(2,end) infinite kr-blink}@keyframes kr-blink{50%{opacity:.55}}.kr-input-col{flex:1;min-width:0;position:relative}.kr-input{width:100%;font-family:var(--font-kr-ui);color:var(--ink);caret-color:var(--aqua);background:linear-gradient(#080518f2,#0f0926eb);border:1px solid #7dd3fc66;border-radius:16px;outline:none;padding:12px 15px;font-size:17.5px;font-weight:600;transition:border-color .15s,box-shadow .2s;box-shadow:inset 0 4px 12px #04070fa6,inset 0 -1px #ffffff12}.kr-input::placeholder{color:#b8c5d980;font-weight:500}.kr-input:focus{border-color:#38e1ffbf;box-shadow:inset 0 4px 12px #04070fa6,0 0 0 3px #38e1ff38,0 0 18px #38e1ff40}.kr-fuse{background:#060312e6;border-radius:999px;height:6px;position:absolute;bottom:-8px;left:2px;right:2px;overflow:hidden;box-shadow:inset 0 2px 4px #04070fe6,0 1px #ffffff0f}.kr-fuse-fill{background:linear-gradient(#bae6fd,#38bdf8 55%,#0284c7);border-radius:999px;height:100%;box-shadow:0 0 10px #38bdf899,inset 0 1px #ffffff8c}.kr-fuse-fill.low{background:linear-gradient(180deg, #ffc4dd, var(--pink) 55%, #c2255c);box-shadow:0 0 12px #ff5d8fb3,inset 0 1px #ffffff80}.kr-dive-btn{cursor:pointer;color:#fff;font-family:var(--font-kr-ui);letter-spacing:.1em;text-shadow:0 1px 3px #0a042873;background:linear-gradient(#7dd3fc 0%,#38bdf8 45% 80%,#0ea5e9 100%);border:1px solid #ffffff80;border-radius:999px;flex:none;padding:14px 24px;font-size:17px;font-weight:800;transition:transform .12s,box-shadow .2s,filter .2s,opacity .2s;position:relative;overflow:hidden;box-shadow:0 10px 22px #0284c773,0 3px #16294a,inset 0 1px #ffffff8c,inset 0 -7px 12px #0b152659}.kr-dive-btn:before{content:"";pointer-events:none;background:linear-gradient(#ffffff80,#ffffff0d);border-radius:999px;height:44%;position:absolute;top:2px;left:6%;right:6%}.kr-dive-btn:hover:not(:disabled){filter:brightness(1.07);transform:translateY(-2px)}.kr-dive-btn:active:not(:disabled){transform:translateY(2px);box-shadow:0 3px 8px #0284c766,0 1px #16294a,inset 0 -3px 7px #0b152659}.kr-dive-btn:disabled{opacity:.5;cursor:default}.kr-shake{animation:.4s linear kr-shake}@keyframes kr-shake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}.kr-msg{z-index:11;pointer-events:none;justify-content:center;display:flex;position:absolute;bottom:104px;left:12px;right:12px}.kr-reject{color:#ffb03a;text-shadow:0 2px 8px #04070fd9;background:#140a048c;border-radius:999px;padding:6px 14px;font-size:15.5px;font-weight:600}.kr-correct-panel{text-align:center;pointer-events:auto;background:linear-gradient(170deg,#281c60f5,#110b2cf7);border:1px solid #7dd3fc66;border-radius:18px;padding:11px 20px 9px;font-size:16.5px;box-shadow:0 18px 34px #04070f8c,inset 0 1px #fff3}.kr-correct-panel .typed{color:var(--muted);text-decoration:line-through}.kr-correct-panel .arrow{color:var(--ink);margin:0 8px}.kr-correct-panel .fixed{color:var(--aqua);font-weight:700}.kr-correct-hint{color:var(--muted);letter-spacing:.08em;margin-top:3px;font-size:12px;display:block}.kr-banner-wrap{z-index:11;padding:16px 12px calc(40px + env(safe-area-inset-bottom));pointer-events:none;flex-direction:column;justify-content:flex-end;align-items:center;display:flex;position:absolute;inset:0}.kr-banner{pointer-events:auto;text-align:center;-webkit-backdrop-filter:blur(12px)saturate(1.3);backdrop-filter:blur(12px)saturate(1.3);background:linear-gradient(170deg,#2a1d66e0,#0e0926ed);border:1px solid #bae6fd66;border-radius:26px;max-width:min(480px,94vw);margin-bottom:5vh;padding:24px 30px 22px;animation:.8s cubic-bezier(.2,1.7,.4,1) backwards kr-banner-in;box-shadow:0 28px 54px #04070f99,inset 0 1px #ffffff47,inset 0 -16px 30px #03001073}@keyframes kr-banner-in{0%{opacity:0;transform:translateY(60px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}.kr-tier-emoji{filter:drop-shadow(0 6px 12px #04070f80)drop-shadow(0 0 16px);font-size:46px;line-height:1}.kr-tier-name{font-family:var(--font-kr-display);letter-spacing:.04em;text-shadow:0 0 26px,0 4px 14px #04070f8c;margin-top:9px;font-size:clamp(34px,7.4vw,48px);font-weight:700}.kr-tier-answer{color:var(--ink);margin-top:7px;font-size:19px;font-weight:600}.kr-tier-gain{color:var(--ink);margin-top:10px;font-size:17.5px}.kr-tier-gain b{color:currentColor;font-weight:800}.kr-tier-blurb{color:var(--muted);margin-top:9px;font-size:14.5px;line-height:1.45}.kr-next-btn{pointer-events:auto;cursor:pointer;color:#fff;font-family:var(--font-kr-ui);letter-spacing:.1em;background:linear-gradient(#0ea5e9 0%,#0369a1 55%,#0c4a6e 100%);border:1px solid #ffffff73;border-radius:999px;margin-top:22px;padding:13px 28px;font-size:16px;font-weight:800;transition:transform .15s,filter .2s;box-shadow:0 10px 22px #0ea5e973,0 3px #0b1526,inset 0 1px #ffffff80,inset 0 -7px 12px #070d1a66}.kr-next-btn:hover{filter:brightness(1.08);transform:translateY(-2px)}.kr-next-btn:active{transform:translateY(2px)}.kr-nothing{font-family:var(--font-kr-display);letter-spacing:.03em;color:var(--ink);text-shadow:0 0 26px #67c5ff73,0 4px 14px #04070f99;font-size:clamp(30px,6.4vw,42px);font-weight:700}.kr-zero{color:#b8c5d9b3}.kr-results{z-index:24;background:linear-gradient(#07031666 0%,#070316cc 30%,#070316f2 100%);animation:.9s backwards kr-fade-in;position:absolute;inset:0;overflow:hidden auto}@keyframes kr-fade-in{0%{opacity:0}}.kr-results-inner{flex-direction:column;gap:22px;max-width:660px;margin:0 auto;padding:24px 18px 60px;display:flex}.kr-res-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.kr-res-logo{font-family:var(--font-kr-display);color:#fff;letter-spacing:.04em;text-shadow:0 3px 12px #0ea5e999;font-size:21px;font-weight:700}.kr-res-dive{color:var(--muted);letter-spacing:.18em;font-size:12px;font-weight:600}.kr-res-score-row{flex-wrap:wrap;align-items:baseline;gap:14px;display:flex}.kr-res-score{font-family:var(--font-kr-display);color:#fff;font-size:88px;font-weight:700;line-height:.95}.kr-res-depth{color:var(--muted);font-size:17px;font-weight:600}.kr-curve-wrap{background:linear-gradient(170deg,#261b5699,#0f0928a6);border:1px solid #7dd3fc38;border-radius:20px;width:100%;padding:12px 12px 4px;box-shadow:inset 0 1px #ffffff1f}.kr-better{color:var(--aqua);letter-spacing:.12em;margin-top:-6px;font-size:13px;font-weight:700}.kr-section-label{color:var(--muted);letter-spacing:.2em;align-items:center;gap:14px;font-size:12px;font-weight:700;display:flex}.kr-section-label .dash{background:linear-gradient(90deg,#8cafd273,#8cafd20d);flex:1;height:1px}.kr-dive-log{background:linear-gradient(#1e164899,#0e0926a6);border:1px solid #7dd3fc4d;border-radius:20px;grid-template-columns:repeat(7,1fr);height:240px;padding:18px 14px 10px;display:grid;position:relative;box-shadow:inset 0 1px #ffffff1a,inset 0 6px 16px #04070f59}.kr-log-col{flex-direction:column;align-items:center;display:flex;position:relative}.kr-log-line{background:#8cafd238;border-radius:2px;width:2px;position:absolute;top:0;bottom:26px}.kr-log-dot{filter:drop-shadow(0 3px 5px #04070f8c)drop-shadow(0 0 8px);font-size:19px;line-height:1;position:absolute;left:50%;transform:translate(-50%,-50%)}.kr-log-dot.miss{filter:none;border:2px dashed #7d8ca8;border-radius:50%;width:13px;height:13px}.kr-log-num{color:var(--muted);font-size:13px;font-weight:600;position:absolute;bottom:2px}.kr-log-grid{pointer-events:none;flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0 0 26px}.kr-log-grid i{border-top:1px dashed #8cafd224}.kr-log-depth{color:#b8c5d98c;font-size:11px;font-weight:600;position:absolute;left:6px}.kr-bearing{flex-direction:column;gap:8px;display:flex}.kr-bearing-row{background:linear-gradient(#2b1f648c,#140d308c);border:1px solid #7dd3fc24;border-radius:14px;grid-template-columns:92px 1fr;gap:14px;padding:10px 14px;font-size:15.5px;display:grid;box-shadow:inset 0 1px #ffffff17}.kr-bearing-row .range{color:var(--muted);text-align:right;font-weight:600}.kr-bearing-row .verdict{color:var(--ink)}.kr-res-actions{flex-wrap:wrap;gap:11px;display:flex}.kr-copy-btn{cursor:pointer;color:#fff;font-family:var(--font-kr-ui);letter-spacing:.08em;text-shadow:0 1px 3px #50042866;background:linear-gradient(#ff7ab8 0%,#ff5d8f 55%,#d61c69 100%);border:1px solid #ffffff80;border-radius:999px;padding:13px 22px;font-size:15.5px;font-weight:800;transition:transform .13s,filter .2s;position:relative;overflow:hidden;box-shadow:0 10px 22px #db277766,0 3px #7e103f,inset 0 1px #ffffff8c,inset 0 -7px 12px #5a052d59}.kr-copy-btn:hover{filter:brightness(1.07);transform:translateY(-2px)}.kr-copy-btn:active{transform:translateY(2px)}.kr-keep-btn{cursor:pointer;color:#fff;font-family:var(--font-kr-ui);letter-spacing:.08em;text-shadow:0 1px 3px #1e044673;background:linear-gradient(#0ea5e9 0%,#0369a1 55%,#0c4a6e 100%);border:1px solid #ffffff73;border-radius:999px;padding:13px 22px;font-size:15.5px;font-weight:800;transition:transform .13s,filter .2s;box-shadow:0 10px 22px #0ea5e973,0 3px #0b1526,inset 0 1px #ffffff80,inset 0 -7px 12px #070d1a66}.kr-keep-btn:hover{filter:brightness(1.08);transform:translateY(-2px)}.kr-keep-btn:active{transform:translateY(2px)}.kr-catch{flex-direction:column;display:flex}.kr-catch-row{border-bottom:1px solid #8cafd21f;grid-template-columns:26px 1fr auto;align-items:baseline;gap:10px;padding:11px 4px;display:grid}.kr-catch-num{color:var(--muted);font-size:15px;font-weight:700}.kr-catch-main{min-width:0}.kr-catch-q{color:#b8c5d9d9;letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:600}.kr-catch-a{color:var(--ink);margin-top:2px;font-size:17.5px;font-weight:600}.kr-catch-a.miss{color:#b8c5d980}.kr-catch-count{color:var(--muted);margin-top:2px;font-size:13px}.kr-catch-pts{color:var(--pink);font-size:17px;font-weight:800}.kr-catch-pts.zero{color:#b8c5d980}.kr-logbook{color:var(--muted);letter-spacing:.06em;text-align:center;background:linear-gradient(#261b5680,#0f09288c);border:1px solid #7dd3fc29;border-radius:18px;flex-direction:column;align-items:center;gap:6px;padding:14px 16px;font-size:14px;display:flex;box-shadow:inset 0 1px #ffffff1a}.kr-logbook b{color:var(--ink);font-weight:800}.kr-next-dive{color:#b8c5d9cc;font-variant-numeric:tabular-nums}.kr-footer-note{text-align:center;color:#b8c5d980;letter-spacing:.1em;margin-top:6px;font-size:12px}.kr-corner-row{z-index:22;gap:8px;display:flex;position:absolute;top:14px;right:14px}@media (max-width:700px){.kr-hud{right:64px}.kr-corner.tr{width:42px;height:42px}.kr-card{top:88px}.kr-pod{min-width:92px;padding:7px 12px 8px}.kr-depth-num,.kr-score-num{font-size:23px}.kr-res-score{font-size:66px}.kr-pearl{border-radius:26px;padding:24px 18px 20px}.kr-btn3d{padding:13px 14px;font-size:15.5px}.kr-dock-inner{border-radius:22px;gap:9px;padding:10px}.kr-dive-btn{padding:12px 17px;font-size:15.5px}}.kr-begin{font-family:var(--font-kr-ui);letter-spacing:.14em;color:#fff;text-shadow:0 1px 3px #04070f80;cursor:pointer;background:linear-gradient(#7dd3fc 0%,#38bdf8 46%,#0ea5e9 78%,#0284c7 100%);border:2px solid #bae6fdd9;border-radius:999px;justify-content:center;align-items:center;gap:10px;margin-top:24px;padding:17px 46px 15px;font-size:21px;font-weight:700;transition:transform .15s,filter .15s;animation:2.2s ease-out infinite kr-begin-ring;display:inline-flex;box-shadow:0 6px #075985,0 20px 38px -8px #0ea5e999,inset 0 2px 2px #ffffff8c,inset 0 -8px 14px #033c6059}@keyframes kr-begin-ring{0%{box-shadow:0 6px #075985,0 20px 38px -8px #0ea5e999,inset 0 2px 2px #ffffff8c,inset 0 -8px 14px #033c6059,0 0 #38bdf880}70%{box-shadow:0 6px #075985,0 20px 38px -8px #0ea5e999,inset 0 2px 2px #ffffff8c,inset 0 -8px 14px #033c6059,0 0 0 18px #38bdf800}to{box-shadow:0 6px #075985,0 20px 38px -8px #0ea5e999,inset 0 2px 2px #ffffff8c,inset 0 -8px 14px #033c6059,0 0 #38bdf800}}.kr-begin:hover{filter:brightness(1.07);transform:translateY(-2px)}.kr-begin:active{animation:none;transform:translateY(4px);box-shadow:0 2px #075985,0 10px 22px -6px #0ea5e98c,inset 0 2px 2px #ffffff80,inset 0 -6px 12px #033c6059}@media (prefers-reduced-motion:reduce){.kr-begin{animation:none}}
.kr-tilt{transform-style:preserve-3d;will-change:transform;position:absolute;inset:0}.kr-glare{pointer-events:none;z-index:7;opacity:0;background:radial-gradient(560px circle at var(--gx,50%) var(--gy,38%), #ebe4ff29, #67c5ff0d 42%, transparent 68%);mix-blend-mode:screen;transition:opacity .5s;position:absolute;inset:0}.kr-root:hover .kr-glare{opacity:1}.kr-caustics{pointer-events:none;z-index:4;opacity:.6;mix-blend-mode:screen;background:radial-gradient(42% 30% at 22% 12%,#7df0ff1f,#0000 70%),radial-gradient(36% 26% at 74% 6%,#bae6fd1a,#0000 70%),radial-gradient(50% 34% at 55% 22%,#38bdf817,#0000 72%);animation:11s ease-in-out infinite alternate kr-caustic-drift;position:absolute;inset:-12%}@keyframes kr-caustic-drift{0%{opacity:.46;transform:translate(-2.5%,-1%)scale(1)}to{opacity:.66;transform:translate(2.5%,1.5%)scale(1.06)}}.kr-motes{pointer-events:none;z-index:6;opacity:.5;filter:blur(1.2px);background-image:radial-gradient(7px 7px at 12% 30%,#bae6fd80,#0000 70%),radial-gradient(5px 5px at 28% 68%,#7dd3fc73,#0000 70%),radial-gradient(9px 9px at 44% 18%,#bae6fd59,#0000 70%),radial-gradient(4px 4px at 61% 52%,#a5f3ff80,#0000 70%),radial-gradient(8px 8px at 76% 26%,#bae6fd66,#0000 70%),radial-gradient(5px 5px at 88% 60%,#7dd3fc73,#0000 70%),radial-gradient(6px 6px at 36% 86%,#bae6fd59,#0000 70%),radial-gradient(4px 4px at 68% 82%,#a5f3ff66,#0000 70%);animation:17s ease-in-out infinite alternate kr-motes-drift;position:absolute;inset:0}@keyframes kr-motes-drift{0%{transform:translate(0,0)}to{transform:translate(1.6%,-2.4%)}}.kr-hud,.kr-dock{transform:translateZ(26px)}.kr-card{transform:translate(-50%)translateZ(46px)}.kr-msg,.kr-banner-wrap{transform:translateZ(38px)}.kr-intro,.kr-results{transform:translateZ(20px)}.kr-pearl{animation:.9s cubic-bezier(.2,1.3,.4,1) backwards kr-pearl-in}@keyframes kr-pearl-in{0%{opacity:0;transform:translateY(30px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.kr-title{animation:5.2s ease-in-out infinite kr-title-float}@keyframes kr-title-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.kr-dots i{background:radial-gradient(circle at 32% 30%,#16294a,#070d1a 68%);box-shadow:inset 0 -2px 3px #04070f99,inset 0 1px 1px #ffffff40,0 3px 6px #04070f80}.kr-dots i.done{background:radial-gradient(circle at 32% 30%, #fff3c4, var(--amber) 62%, #d99a16);box-shadow:0 0 10px #ffd166b3,inset 0 -2px 3px #78480080,0 3px 5px #04070f80}.kr-dots i.cur{background:radial-gradient(circle at 32% 30%, #ffd7ec, var(--pink) 60%, #c2255c);animation:1.4s ease-in-out infinite kr-dot-pulse;box-shadow:0 0 12px #ff5d8fd9,inset 0 -2px 3px #6e0a3280,0 3px 5px #04070f80}@keyframes kr-dot-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.28)}}.kr-card-in{animation:.75s cubic-bezier(.2,1.4,.4,1) backwards kr-card-in-3d,6s ease-in-out .75s infinite kr-card-float}@keyframes kr-card-in-3d{0%{opacity:0;transform:translate(-50%)translateZ(46px)rotateX(22deg)translateY(34px)}to{opacity:1;transform:translate(-50%)translateZ(46px)rotateX(0)translateY(0)}}@keyframes kr-card-float{0%,to{transform:translate(-50%)translateZ(46px)translateY(0)}50%{transform:translate(-50%)translateZ(46px)translateY(-4px)}}.kr-banner{animation:.85s cubic-bezier(.2,1.6,.4,1) backwards kr-banner-in-3d}@keyframes kr-banner-in-3d{0%{opacity:0;transform:rotateX(16deg)translateY(64px)scale(.92)}to{opacity:1;transform:rotateX(0)translateY(0)scale(1)}}.kr-res-score{text-shadow:0 2px #4c3a96e6,0 4px #34266ed9,0 7px #22184ccc,0 12px 26px #04070fa6,0 0 38px #67c5ff66}.kr-res-logo{text-shadow:0 2px #2a1057cc,0 4px 10px #04070f8c,0 0 18px #67c5ff80}@media (prefers-reduced-motion:reduce){.kr-title,.kr-pearl,.kr-card-in,.kr-banner,.kr-caustics,.kr-motes,.kr-sonar-sweep,.kr-dots i.cur{animation:none!important}.kr-card{transform:translate(-50%)translateZ(46px)}.kr-glare{display:none}}