:root{--bg: #f4f4f5;--ink: #1e1e28;--blue: #4faef5;--blue-soft: #cfe8fd;--pink: #f4788d;--ring: #e4e4e8;--font: "Fredoka", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--app-height: 100dvh}@supports not (height: 100dvh){:root{--app-height: 100vh}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;overflow-x:hidden}body{background:var(--bg);font-family:var(--font);min-height:var(--app-height);color:var(--ink)}.kw-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.kw-bg svg{display:block;width:100%;height:100%}.kw{position:relative;z-index:1;width:40vw;max-width:760px;margin:0 auto;height:var(--app-height);overflow:hidden}@media (max-width: 640px){.kw{width:100%}}.kw-field{position:absolute;top:0;right:0;bottom:0;left:0}.kw-field svg{display:block;width:100%;height:100%}.kw-title{position:absolute;top:12px;left:50%;transform:translate(-50%);width:min(calc(100% - 168px),320px);text-align:center;z-index:2;pointer-events:none}.kw-title h1{margin:0;font-size:clamp(15px,3.4vw,18px);font-weight:700;line-height:1.2;color:#4a4a52}.kw-title p{margin:5px 0 0;font-size:clamp(11px,2.5vw,12.5px);font-weight:500;line-height:1.3;color:#8a8a92}.kw-bubble-glow{filter:blur(8px);animation:kw-bubble-pulse 2.1s ease-in-out infinite}@keyframes kw-bubble-pulse{0%,to{opacity:.35}50%{opacity:.9}}@media (prefers-reduced-motion: reduce){.kw-bubble-glow{animation:none;opacity:.6}}.kw-glow{filter:blur(4px);animation:kw-pulse 1.7s ease-in-out infinite}@keyframes kw-pulse{0%,to{opacity:var(--glow-min, .2)}50%{opacity:var(--glow-max, .75)}}@media (prefers-reduced-motion: reduce){.kw-glow{animation:none;opacity:var(--glow-max, .4)}}.kw-input{position:absolute;top:83.3%;left:50%;transform:translate(-50%,-50%);width:min(86%,380px);height:54px;text-align:center;font-size:20px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#3a3a44;background:#e6e6ea;border:none;border-radius:27px;outline:none;font-family:var(--font);transition:box-shadow .15s ease}.kw-input::placeholder{color:#9a9aa4;text-transform:uppercase;letter-spacing:.06em}.kw-input:focus{box-shadow:0 0 0 4px #4faef533}.kw-count{position:absolute;top:92%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:baseline;gap:7px;font-family:var(--font)}.kw-count-num{display:inline-block;font-size:22px;font-weight:700;color:var(--ink);animation:kw-count-pop .32s cubic-bezier(.2,1.6,.4,1)}.kw-count-label{font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#8a8a92}@keyframes kw-count-pop{0%{transform:scale(1)}45%{transform:scale(1.55)}to{transform:scale(1)}}.kw-flag-pop{animation:kw-elastic .7s cubic-bezier(.2,1,.3,1) both}@keyframes kw-elastic{0%{transform:scale(.3)}25%{transform:scale(1.35)}40%{transform:scale(.82)}55%{transform:scale(1.18)}70%{transform:scale(.92)}84%{transform:scale(1.06)}to{transform:scale(1)}}@media (prefers-reduced-motion: reduce){.kw-flag-pop{animation:none}}.kw-nav{position:absolute;top:14px;z-index:4;width:42px;height:42px;border-radius:12px;border:none;background:#fff;box-shadow:0 2px 8px #0000001a;color:#3a3a44;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s ease,transform .1s ease}.kw-nav:hover{background:#f2f2f4}.kw-nav:active{transform:scale(.94)}.kw-nav-left{left:32px}.kw-nav-right{right:32px}.kw-nav svg{width:22px;height:22px}.kw-menu{position:relative;z-index:1;min-height:var(--app-height);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:24px;text-align:center}.kw-menu-title{margin:0;font-family:var(--font);font-weight:700;font-size:clamp(30px,9vw,48px);color:var(--ink)}.kw-menu-sub{margin:4px 0 32px;font-family:var(--font);font-weight:500;font-size:clamp(13px,3.6vw,16px);color:#6f6f79}.kw-match-list{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%}.kw-match-card{display:flex;flex-direction:column;align-items:center;gap:14px;background:#fff;border:none;border-radius:24px;padding:24px 32px;box-shadow:0 10px 28px #0000001a;cursor:pointer;font-family:var(--font);transition:transform .12s ease,box-shadow .12s ease}.kw-match-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px #00000024}.kw-match-card:active{transform:translateY(0) scale(.98)}.kw-match-row{display:flex;align-items:center;gap:20px}.kw-mflag{width:76px;height:76px;border-radius:50%;overflow:hidden;box-shadow:0 2px 8px #0000001f}.kw-mflag img,.kw-mflag svg{width:100%;height:100%;object-fit:cover;display:block}.kw-vs{font-weight:700;font-size:22px;color:#9a9aa2}.kw-match-names{font-weight:700;font-size:18px;letter-spacing:.01em}.sun-wrap{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;overflow:hidden}.sun-flags{position:absolute;top:58px;left:50%;transform:translate(-50%);display:flex;gap:16px;z-index:3}.sun-flag{display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:none;cursor:pointer;padding:2px;opacity:.5;transition:opacity .15s ease,transform .15s ease}.sun-flag img{width:46px;height:46px;border-radius:50%;object-fit:cover;box-shadow:0 1px 4px #00000038}.sun-flag span{font-size:11px;font-weight:600;color:#9a9aa2}.sun-flag.active{opacity:1;transform:translateY(-1px)}.sun-flag.active img{box-shadow:0 0 0 3px var(--ring, #74acdf),0 2px 9px #00000042}.sun-flag.active span{color:#4a4a52}.sun-stage{position:absolute;top:116px;bottom:64px;left:0;right:0;touch-action:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.sun-stage svg{display:block;width:100%;height:100%}.sun-flag-pulse{transform-box:view-box;animation:sun-pop .35s ease-out}@keyframes sun-pop{0%{transform:scale(1)}30%{transform:scale(1.045)}to{transform:scale(1)}}@media (prefers-reduced-motion: reduce){.sun-flag-pulse{animation:none}}