:root{--k-cyan: #40e0ff;--k-cyan-line: #9cecff;--k-ice: #d9f7ff;--k-blue: #1667e0;--k-navy-1: #0a3fae;--k-navy-2: #062a82;--k-navy-3: #04195c;--k-navy-4: #020c33;--k-ink: #0b1140;--k-slate: rgba(56, 58, 92, .84);--k-danger: #ff4d4d;--k-r-panel: 1.35rem;--k-r-card: .75rem;--k-r-btn: .55rem;--k-line: .085rem;--k-glow: 0 0 .9rem rgba(64, 224, 255, .7), 0 0 2rem rgba(22, 103, 224, .45);--k-glow-soft: 0 0 .55rem rgba(64, 224, 255, .5);--k-inner: inset 0 0 1.1rem rgba(64, 200, 255, .3);--k-drop: 0 .6rem 1.6rem rgba(0, 6, 30, .55);--k-font: "Fedra Sans J", system-ui, sans-serif;--k-t-display: 2.95rem;--k-t-title: 1.45rem;--k-t-body: 1rem;--k-t-small: .875rem;--k-ease: cubic-bezier(.16, 1, .3, 1)}.k-panel{position:relative;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:2.9rem 1.2rem 1.5rem;border:var(--k-line) solid var(--k-cyan-line);border-radius:var(--k-r-panel);background:radial-gradient(130% 100% at 50% 40%,var(--k-navy-3) 0%,var(--k-navy-2) 58%,var(--k-navy-1) 100%);box-shadow:0 0 0 .2rem #1667e099,0 0 0 .26rem #9cecff8c,var(--k-glow),var(--k-inner),var(--k-drop)}.k-panel--rays:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,rgba(120,215,255,.34) 0%,transparent 21%),linear-gradient(225deg,rgba(120,215,255,.34) 0%,transparent 21%)}.k-tab{position:absolute;top:0;left:50%;translate:-50% -52%;isolation:isolate;box-sizing:border-box;min-width:58%;max-width:96%;padding:.72rem 2.4rem .78rem;display:grid;place-items:center}.k-tab:before{content:"";position:absolute;inset:0;z-index:-1;border:var(--k-line) solid var(--k-cyan-line);border-radius:.85rem;background:linear-gradient(180deg,var(--k-navy-1),var(--k-navy-3));box-shadow:var(--k-glow),var(--k-inner);transform:perspective(11rem) rotateX(-24deg);transform-origin:50% 100%}.k-tab>*{margin:0;font-weight:700;font-style:italic;font-size:var(--k-t-title);line-height:1;white-space:nowrap;text-shadow:0 .08rem .2rem rgba(0,12,50,.6)}.k-tab:after,.k-btn:after{content:"";position:absolute;right:1.15rem;bottom:.28rem;width:1.05rem;height:.42rem;background:linear-gradient(115deg,transparent 0 18%,var(--k-cyan) 18% 42%,transparent 42% 58%,var(--k-cyan) 58% 82%,transparent 82%);pointer-events:none}.k-btn{position:relative;box-sizing:border-box;min-height:2.95rem;padding:.55rem 1.1rem;white-space:nowrap;border:var(--k-line) solid var(--k-cyan-line);border-radius:var(--k-r-btn);background:linear-gradient(180deg,var(--k-navy-1),var(--k-navy-3));box-shadow:var(--k-glow-soft),var(--k-inner),0 .3rem .8rem #00082880;color:#fff;font:700 var(--k-t-body) / 1.1 var(--k-font);text-align:center;cursor:pointer;transition:transform .14s var(--k-ease),filter .14s var(--k-ease)}.k-btn:after{right:.6rem;bottom:.3rem}.k-btn:active{transform:scale(.97);filter:brightness(1.3)}.k-btn:disabled{filter:saturate(.3) brightness(.7);cursor:default}.k-orb{--orb: 4.8rem;position:relative;flex:none;box-sizing:border-box;width:var(--orb);aspect-ratio:1;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:none;color:#fff;cursor:pointer;transition:transform .14s var(--k-ease),filter .14s var(--k-ease)}.k-orb:before{content:"";position:absolute;inset:-4.35%;background:center / 100% 100% no-repeat;pointer-events:none}.k-orb>*{position:relative}.k-orb>img,.k-orb>svg{width:56%;height:56%;pointer-events:none}.k-orb--menu:before{background-image:url(/assets/orb_menu-HmIVnVdg.webp)}.k-orb--control:before{background-image:url(/assets/orb_control-DRqJNprZ.webp)}.k-orb--control>img,.k-orb--control>svg{width:46%;height:46%}.k-orb:active{transform:scale(.93);filter:brightness(1.25)}.k-orb.is-off{filter:saturate(.5) brightness(.8)}.k-capsule{box-sizing:border-box;display:inline-flex;align-items:center;gap:.3rem;padding:.28rem .95rem .28rem .42rem;border:.04rem solid rgba(255,255,255,.28);border-radius:99rem;background:var(--k-slate);box-shadow:0 .2rem .6rem #00000059;font-weight:700;font-size:1.15rem;line-height:1;font-variant-numeric:tabular-nums}.k-capsule>img{width:1.55rem;height:1.55rem}.k-banner{position:relative;isolation:isolate;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1.9rem;color:var(--k-ink);font-weight:700;line-height:1;filter:drop-shadow(0 0 .32rem rgba(64,224,255,.95)) drop-shadow(0 .22rem .45rem rgba(0,10,40,.5))}.k-banner:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#fff,#f1f5ff 55%,#dbe5fb);clip-path:polygon(.85rem 0,calc(100% - .85rem) 0,100% 50%,calc(100% - .85rem) 100%,.85rem 100%,0 50%)}.k-card{box-sizing:border-box;border:.065rem solid rgba(140,235,255,.85);border-radius:var(--k-r-card);background:linear-gradient(180deg,#0e4cbeb8,#041a62db);box-shadow:inset 0 0 1rem #40c8ff3d,var(--k-glow-soft)}.k-tile{box-sizing:border-box;width:2.35rem;aspect-ratio:1;display:grid;place-items:center;border:var(--k-line) solid var(--k-cyan-line);border-radius:.55rem;background:linear-gradient(180deg,var(--k-navy-1),var(--k-navy-4));box-shadow:0 .2rem #19b6ec,0 .2rem .7rem #40e0ffb3,inset 0 .12rem .3rem #ffffff40;font-weight:700;font-style:italic;font-size:1.3rem;line-height:1}.k-barrier{position:relative;width:4.6rem;height:1.05rem;margin-bottom:.7rem;border:var(--k-line) solid var(--k-cyan-line);border-radius:.3rem;background:repeating-linear-gradient(-58deg,#eef7ff 0 .5rem,#0b2c80 .5rem 1rem);box-shadow:var(--k-glow-soft)}.k-barrier:before,.k-barrier:after{content:"";position:absolute;top:100%;width:.42rem;height:.7rem;border-radius:0 0 .12rem .12rem;background:linear-gradient(180deg,#7fe6ff,#18a8e0)}.k-barrier:before{left:.6rem}.k-barrier:after{right:.6rem}@keyframes k-panel-in{0%{opacity:0;transform:scale(.9) translateY(.75rem)}}.k-panel{animation:k-panel-in .36s var(--k-ease) backwards}@media(prefers-reduced-motion:reduce){.k-panel{animation:none}}@font-face{font-family:Fedra Sans J;font-weight:500;font-display:swap;src:url(/assets/Fedra%20Sans%20J%20Medium-RKpntVAQ.ttf) format("truetype")}@font-face{font-family:Fedra Sans J;font-weight:700;font-display:swap;src:url(/assets/Fedra%20Sans%20J%20T%20SemiBold-COd5Di3C.ttf) format("truetype")}html{font-size:calc(min(100vw,100dvh * 9 / 16) / 27)}html,body{margin:0;height:100%;background:#05080f;overflow:hidden;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none;font-family:var(--k-font);font-weight:500;color:#fff}#stage{position:fixed;top:0;left:50%;translate:-50% 0;width:27rem;height:100dvh;overflow:hidden;background:#1a1d24}#scene,#ui{position:absolute;inset:0;width:100%;height:100%}#scene{display:block}#ui{font-size:var(--k-t-body);line-height:1.2}.hidden{display:none!important}button{font:inherit;color:inherit;border:0;padding:0;background:none;cursor:pointer}img{display:block;-webkit-user-drag:none}:focus-visible{outline:.125rem solid #fff;outline-offset:.125rem}.overlay{position:absolute;inset:0;box-sizing:border-box;padding:2rem 1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.overlay.is-dim{background:#04091aa8}.overlay.is-blur:before{content:"";position:absolute;inset:-1rem;z-index:-1;-webkit-backdrop-filter:blur(.3rem);backdrop-filter:blur(.3rem)}.overlay.is-blur{z-index:0}.status{margin:0;font-size:1.1rem;text-shadow:0 .08rem .25rem rgba(0,0,0,.8)}.count{font-weight:700;font-style:italic;font-size:9.5rem;line-height:1;text-shadow:0 .25rem .75rem rgba(0,20,60,.7),0 0 1.75rem rgba(64,224,255,.9);animation:count .6s var(--k-ease)}@keyframes count{0%{transform:scale(1.9);opacity:0}to{transform:none;opacity:1}}.menu{justify-content:space-between;padding:calc(5.1rem + env(safe-area-inset-top,0rem)) 0 calc(3.75rem + env(safe-area-inset-bottom,0rem))}.menu-back{--orb: 2.5rem;position:absolute;left:1rem;top:calc(.7rem + env(safe-area-inset-top,0rem))}.menu-logo{width:23.5rem;max-width:92%;height:auto;animation:logo-in .7s var(--k-ease) backwards}@keyframes logo-in{0%{opacity:0;transform:translateY(-1.5rem) scale(.92)}}.menu-main{display:flex;flex-direction:column;align-items:center;gap:2.4rem}.menu-play{--orb: 9.4rem;animation:play-breathe 2.4s ease-in-out infinite}.menu-play>img{width:52%;height:52%}@keyframes play-breathe{50%{filter:brightness(1.14);transform:scale(1.03)}}.menu-row{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.menu-row .k-orb{--orb: 4.3rem}.menu-togg{width:8.25rem;height:auto}.panel-result{width:20rem;max-width:100%}.panel-help{width:23.25rem;max-width:100%;padding-top:3.2rem;padding-bottom:1.7rem}.panel-small{width:20.5rem;max-width:100%;gap:1.1rem}.panel-close{--orb: 2.7rem;position:absolute;top:-1.2rem;right:-.6rem}.panel-close>img{width:46%;height:46%}.panel-message{margin:0;max-width:16rem;font-size:1.05rem;line-height:1.32;text-wrap:balance}.panel-switches{display:flex;gap:1.3rem}.panel-switches .k-orb{--orb: 3.7rem}.acts{display:flex;flex-wrap:wrap;gap:.6rem;width:100%;justify-content:center}.acts .k-btn{flex:1 1 auto;max-width:12rem}.how{width:100%;min-height:4.2rem;padding:.5rem 0;display:grid;grid-template-columns:44% 1fr;align-items:center}.how-art{display:grid;place-items:center}.how p{margin:0;padding:.2rem .8rem .2rem .9rem;border-left:.05rem solid rgba(156,236,255,.6);text-align:left;font-size:.9rem;line-height:1.22}.how b{font-weight:700}.trophy{position:relative;width:10rem;height:4.9rem;display:grid;place-items:center}.trophy-cup{width:5.55rem;height:auto;animation:cup-in .6s .12s var(--k-ease) backwards}@keyframes cup-in{0%{opacity:0;transform:translateY(1rem) scale(.6) rotate(-8deg)}}.trophy-rays{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:var(--k-cyan);stroke-width:9;stroke-linecap:round;filter:drop-shadow(0 0 .2rem rgba(64,224,255,.9))}.trophy-rays g{animation:rays 1.5s .5s ease-in-out infinite backwards}.trophy-rays g:first-child{--dir: -1}.trophy-rays g:last-child{--dir: 1}@keyframes rays{0%{opacity:0;transform:translate(calc(var(--dir) * -.35rem))}35%{opacity:1;transform:none}to{opacity:0;transform:translate(calc(var(--dir) * .4rem))}}.result-message{margin:0;font-size:1rem;text-wrap:balance}.scorecard{width:100%;padding:.6rem 1rem .65rem;display:flex;flex-direction:column;align-items:center;text-align:center;line-height:1}.scorecard-label{font-weight:700;font-size:.95rem}.scorecard strong{position:relative;align-self:stretch;padding-bottom:.2rem;margin-bottom:.4rem;font-weight:700;font-size:var(--k-t-display);font-variant-numeric:tabular-nums;color:var(--k-ice);text-shadow:0 .1rem .25rem rgba(0,20,70,.7),0 0 .85rem rgba(64,224,255,.85)}.scorecard strong:after{content:"";position:absolute;left:12%;right:12%;bottom:0;height:.075rem;background:linear-gradient(90deg,transparent,var(--k-cyan) 30%,var(--k-cyan) 70%,transparent)}.scorecard-detail{font-size:var(--k-t-small)}.confetti{position:absolute;inset:0;overflow:hidden;pointer-events:none}.confetti i{position:absolute;top:-3rem;border-radius:.075rem;animation:confetti-fall linear infinite,confetti-turn ease-in-out infinite alternate}@keyframes confetti-fall{0%{translate:0 0}to{translate:var(--drift) 70rem}}@keyframes confetti-turn{0%{transform:rotate(-40deg) scaleX(1)}to{transform:rotate(60deg) scaleX(-.2)}}@media(prefers-reduced-motion:reduce){.confetti{display:none}.menu-play,.menu-logo,.trophy-cup,.trophy-rays g,.count{animation:none}}.hud{position:absolute;inset:0}.hud-top{position:absolute;top:env(safe-area-inset-top,0rem);left:0;right:0;box-sizing:border-box;padding:.7rem 1rem 0;display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:.5rem}.hud-left{display:flex;align-items:center;gap:.7rem;padding-top:.1rem}.hud-back{--orb: 2.5rem}.hud-timer.is-low span{color:#ff8f8f;animation:tick 1s steps(1) infinite}@keyframes tick{50%{color:#fff}}.hud-score{display:flex;flex-direction:column;align-items:center;font-weight:700;font-size:1.15rem;line-height:1;font-variant-numeric:tabular-nums;text-shadow:0 .08rem .2rem rgba(0,0,0,.65)}.hud-score img{width:2rem;height:2rem;margin-bottom:-.15rem}.hud-hearts{justify-self:end;display:flex;gap:.05rem;padding-top:.3rem}.hud-hearts img{width:2rem;height:auto}.hud-hearts img.is-lost{animation:heart-lost .5s var(--k-ease)}@keyframes heart-lost{0%{transform:scale(1.7) rotate(-14deg);filter:brightness(2.4)}to{transform:none;filter:none}}.hud-word{position:absolute;top:calc(4.4rem + env(safe-area-inset-top,0rem));left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:.45rem;pointer-events:none}.banner{min-width:16rem;max-width:25rem;min-height:2.85rem;font-size:calc(14.4rem / var(--len, 8))}.slot{position:relative;width:calc(12.7rem / var(--len, 8));height:calc(14.4rem / var(--len, 8));text-align:center}.slot.is-empty:after{content:"";position:absolute;left:14%;right:14%;bottom:-.1rem;height:.135rem;border-radius:.07rem;background:var(--k-ink)}.slot.is-new{animation:slot-pop .34s var(--k-ease)}@keyframes slot-pop{0%{transform:translateY(-.9rem) scale(1.8);color:#0aa7d8}to{transform:none}}.banner.is-done{animation:banner-done .6s var(--k-ease)}@keyframes banner-done{0%{filter:brightness(1.7) drop-shadow(0 0 .9rem var(--k-cyan));transform:scale(1.08)}to{transform:none}}.hint{font-size:1.1rem;line-height:1.1;text-align:center;text-shadow:0 .05rem .15rem rgba(0,0,0,.7)}.hint-bonus{display:block;margin-top:.05rem;color:var(--k-cyan);font-weight:700;font-size:.95rem;animation:bonus 1.1s var(--k-ease) forwards}@keyframes bonus{0%{opacity:0;transform:translateY(.5rem)}20%{opacity:1;transform:none}80%{opacity:1}to{opacity:0}}.band{position:absolute;top:25%;left:3.25rem;right:3.25rem;padding:.35rem .5rem;display:grid;place-items:center;background:#e9eef6e6;color:var(--k-ink);font-weight:700;font-size:2.3rem;line-height:1;opacity:0;pointer-events:none}.band.is-done{animation:band 1s var(--k-ease)}@keyframes band{0%{opacity:1;clip-path:inset(0 50%)}22%{clip-path:inset(0 0)}78%{opacity:1;clip-path:inset(0 0)}to{opacity:0;clip-path:inset(0 0)}}.controls{position:absolute;left:.95rem;right:.95rem;bottom:calc(3.3rem + env(safe-area-inset-bottom,0rem));display:flex;justify-content:space-between;pointer-events:none}.controls .k-orb{--orb: 5.3rem;pointer-events:auto}.controls .k-orb>img{width:46%;height:46%}.float{position:absolute;translate:-50% -50%;font-weight:700;font-size:1.65rem;text-shadow:0 .08rem .2rem rgba(0,0,0,.7);pointer-events:none;animation:rise .8s var(--k-ease) forwards}.float.is-bad{color:var(--k-danger)}@keyframes rise{0%{opacity:0;transform:translateY(.5rem) scale(.6)}18%{opacity:1;transform:translateY(-.4rem) scale(1.15)}to{opacity:0;transform:translateY(-3.2rem) scale(1)}}.damage{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to right,#ff1e1e99,#ff1e1e00 6rem),linear-gradient(to left,#ff1e1e99,#ff1e1e00 6rem),linear-gradient(to bottom,#ff1e1e99,#ff1e1e00 6rem),linear-gradient(to top,#ff1e1e99,#ff1e1e00 6rem);opacity:0;will-change:opacity}.damage.is-on{animation:damage .5s ease-out}@keyframes damage{0%{opacity:1}to{opacity:0}}.how-tiles{width:7.4rem;height:auto}.how-barrier{width:4.9rem;height:auto}.how-word,.how-block{display:flex;flex-direction:column;align-items:center;gap:.25rem}.how .rays{width:2.1rem;height:auto}.how-word .k-banner{padding:.28rem 1.5rem;font-style:italic;font-size:.95rem}
