*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;width:100%;background:#0a1a20;-webkit-tap-highlight-color:transparent}body{min-height:100%;width:100%;background:radial-gradient(ellipse at 15% 10%,rgba(192,124,230,.16) 0%,transparent 55%),radial-gradient(ellipse at 85% 20%,rgba(124,230,255,.14) 0%,transparent 55%),radial-gradient(ellipse at 50% 100%,rgba(240,192,64,.14) 0%,transparent 60%),radial-gradient(ellipse at 10% 90%,rgba(240,77,92,.12) 0%,transparent 55%),linear-gradient(180deg,#14283a,#0e1a28 40%,#0a1520);background-attachment:fixed;color:#f0e6cf;font-family:Crimson Pro,Georgia,serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;overscroll-behavior:none}#root{min-height:100vh;width:100%}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:#0a141e99}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#f0c040,#f04d5c);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#fce49a,#ff8ea0)}::selection{background:#f0c04059;color:#fce49a}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.02)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}button{border:none;background:none;font-family:inherit;min-height:36px;touch-action:manipulation;cursor:pointer}button:focus-visible{outline:2px solid rgba(224,80,32,.5);outline-offset:2px}@media (max-width: 639px){body{-webkit-text-size-adjust:100%}}.screen-enter{animation:screenFadeIn .3s ease forwards}@keyframes screenFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.game-layout{display:flex;gap:20px;align-items:flex-start;width:100%}.game-layout--desktop{flex-direction:row;justify-content:center}.game-layout--mobile{flex-direction:column;align-items:center}.board-area{display:flex;flex-direction:column;gap:6px}.panel{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:8px}.panel--ember{background:linear-gradient(135deg,#180e06,#0e0804);border-color:#3a1e08}.section-label{font-family:Cinzel,serif;font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:#6a4030;padding:6px 12px;border-bottom:1px solid rgba(255,255,255,.05)}.turn-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0;transition:background .3s ease,box-shadow .3s ease}.turn-dot--red{background:#e05020;box-shadow:0 0 8px #e05020}.turn-dot--blue{background:#7dd3fc;box-shadow:0 0 8px #7dd3fc}.turn-dot--off{background:#3a3a4a}.btn{font-family:Cinzel,serif;font-size:12px;letter-spacing:.12em;text-transform:uppercase;border-radius:8px;padding:12px 24px;cursor:pointer;transition:filter .2s ease,background .2s ease,border-color .2s ease;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;min-height:44px}.btn--ember{background:#c850141f;border-color:#c8501459;color:#e05020}.btn--ember:hover{background:#c8501438;filter:brightness(1.1)}.btn--ghost{background:transparent;border-color:#3a1e08;color:#8a5030}.btn--ghost:hover{border-color:#8a5030;color:#e05020}.btn--danger{background:transparent;border-color:#c8323266;color:#c85050cc}.btn--danger:hover{background:#c8323226;color:#f87171}.btn--full{width:100%}.text-ember-gradient{background:linear-gradient(180deg,#f73,#e04010,#901808);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width: 639px){.hide-mobile{display:none!important}.btn{padding:13px 16px;font-size:11px}}@media (min-width: 640px) and (max-width: 1023px){.hide-tablet{display:none!important}}@media (min-width: 1024px){.hide-desktop{display:none!important}}.balance-pill{display:flex;align-items:center;gap:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:5px 12px}.balance-pill__label{color:#6a3818;font-family:Cinzel,serif;font-size:9px;letter-spacing:.1em;text-transform:uppercase}.balance-pill__value{font-family:Playfair Display,serif;font-size:16px;font-weight:700;color:#e05020}.balance-pill__value--low{color:#f87171}.glow-ember{filter:drop-shadow(0 0 16px rgba(224,80,32,.5))}.glow-green{filter:drop-shadow(0 0 16px rgba(74,222,128,.5))}.glow-red{filter:drop-shadow(0 0 16px rgba(248,113,113,.5))}:root{--kf-safe-top: env(safe-area-inset-top, 0px);--kf-safe-bottom: env(safe-area-inset-bottom, 0px);--kf-safe-left: env(safe-area-inset-left, 0px);--kf-safe-right: env(safe-area-inset-right, 0px);--kf-gold: #f0c040;--kf-gold-ink: #8a7a4a;--kf-green: #4ade80;--kf-red: #f04d5c;--kf-violet: #c07ce6;--kf-cream: #f0e6cf;--kf-radius-sm: 8px;--kf-radius-md: 12px;--kf-radius-lg: 18px;--kf-shadow-card: 0 8px 24px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.03);--kf-shadow-lift: 0 14px 36px rgba(0,0,0,.7), 0 0 24px rgba(240,192,64,.14)}:focus-visible{outline:2px solid var(--kf-gold);outline-offset:2px;border-radius:6px}button:focus:not(:focus-visible){outline:none}html,body,#root{min-height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior-y:contain}@keyframes kfPulseGreen{0%,to{box-shadow:0 0 #4ade8059,inset 0 1px #ffffff0f}50%{box-shadow:0 0 0 8px #4ade8000,inset 0 1px #ffffff0f}}@keyframes kfPulseRed{0%,to{box-shadow:0 0 #f04d5c59,inset 0 1px #ffffff0f}50%{box-shadow:0 0 0 8px #f04d5c00,inset 0 1px #ffffff0f}}@keyframes kfShimmer{0%{background-position:-220px 0}to{background-position:220px 0}}@keyframes kfSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes kfFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes kfBoardHalo{0%,to{opacity:.55}50%{opacity:.9}}@keyframes kfCoinSpin{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.kf-slide-up{animation:kfSlideUp .35s ease both}.kf-pulse-green{animation:kfPulseGreen 2.2s ease-in-out infinite}.kf-pulse-red{animation:kfPulseRed 2.2s ease-in-out infinite}.kf-float{animation:kfFloat 3.2s ease-in-out infinite}.kf-coin{animation:kfCoinSpin 6s linear infinite}.kf-shimmer-gold{background:linear-gradient(90deg,#fce49a,#f0c040 40%,#fff5c0,#f0c040 60%,#7a5a10);background-size:220px 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:kfShimmer 3.5s linear infinite}.kf-scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none}.kf-scroll-x::-webkit-scrollbar{display:none}.kf-snap{scroll-snap-align:start}.kf-glass{background:linear-gradient(180deg,#1c241ee6,#101612e0);backdrop-filter:blur(16px) saturate(1.25);-webkit-backdrop-filter:blur(16px) saturate(1.25);border-bottom:1px solid rgba(248,206,85,.24)}.kf-safe-top{padding-top:calc(10px + var(--kf-safe-top))}.kf-safe-bottom{padding-bottom:calc(12px + var(--kf-safe-bottom))}.kf-tap{transition:transform .14s cubic-bezier(.2,1.1,.4,1),filter .12s ease,background .15s ease,box-shadow .2s ease}.kf-tap:hover:not(:disabled):not(:active){filter:brightness(1.06)}.kf-tap:active:not(:disabled){transform:scale(.955);filter:brightness(1.14)}.kf-tap:disabled{cursor:not-allowed!important;opacity:.55}@media (hover: hover) and (pointer: fine){.kf-lift{transition:transform .24s cubic-bezier(.2,1.1,.4,1),box-shadow .24s ease}.kf-lift:hover{transform:translateY(-3px);box-shadow:var(--kf-shadow-lift)}}.kf-toast-stack{position:fixed;top:calc(70px + var(--kf-safe-top));left:50%;transform:translate(-50%);z-index:500;display:flex;flex-direction:column;gap:8px;pointer-events:none;align-items:center}.kf-toast-stack>*{pointer-events:auto}@keyframes kfSparkle{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.kf-sparkle{animation:kfSparkle 2.4s ease-in-out infinite}@keyframes kfSkeleton{0%{background-position:-220px 0}to{background-position:220px 0}}.kf-skeleton{background:linear-gradient(90deg,#ffffff08,#ffffff14,#ffffff08);background-size:220px 100%;animation:kfSkeleton 1.4s linear infinite;border-radius:8px}@keyframes kfCountFlash{0%{color:var(--kf-green);text-shadow:0 0 12px rgba(74,222,128,.55)}to{color:inherit;text-shadow:none}}.kf-count-flash{animation:kfCountFlash .9s ease-out both}@keyframes kfBtnShine{0%{transform:translate(-100%)}to{transform:translate(200%)}}.kf-btn-shine{position:relative;overflow:hidden}.kf-btn-shine:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);transform:translate(-100%);pointer-events:none}.kf-btn-shine:hover:after{animation:kfBtnShine .9s ease-out}.kf-hairline{height:1px;background:linear-gradient(90deg,transparent,rgba(240,192,64,.35),transparent)}.kf-board-halo{position:relative;isolation:isolate}.kf-board-halo:before{content:"";position:absolute;top:-18px;right:-18px;bottom:-18px;left:-18px;border-radius:22px;background:radial-gradient(ellipse at 20% 0%,rgba(240,192,64,.28) 0%,transparent 55%),radial-gradient(ellipse at 80% 100%,rgba(74,222,128,.18) 0%,transparent 55%);filter:blur(20px);z-index:-1;animation:kfBoardHalo 4.5s ease-in-out infinite}.kf-h1{font-family:Playfair Display,serif;font-weight:900;letter-spacing:.06em}.kf-cap{font-family:Cinzel,serif;text-transform:uppercase;letter-spacing:.22em}@media (prefers-reduced-motion: reduce){.kf-pulse-green,.kf-pulse-red,.kf-shimmer-gold,.kf-float,.kf-coin,.kf-board-halo:before{animation:none!important}}@keyframes kfToastIn{0%{opacity:0;transform:translate(-50%,-18px) scale(.94)}to{opacity:1;transform:translate(-50%) scale(1)}}.kf-toast{padding:12px 18px;border-radius:12px;background:linear-gradient(180deg,#3c280af5,#1e1405fa);border:1px solid rgba(240,192,64,.55);box-shadow:0 12px 40px #000000b3,0 0 24px #f0c04047;color:#f0e6cf;font-family:Cinzel,serif;font-size:12px;letter-spacing:.2em;font-weight:700;display:flex;gap:10px;align-items:center;min-width:200px;animation:kfToastIn .35s cubic-bezier(.2,1.1,.4,1) both}@keyframes kfDotPulse{0%,to{transform:scale(1);opacity:.75}50%{transform:scale(1.18);opacity:1}}.kf-dot-pulse{animation:kfDotPulse 1.4s ease-in-out infinite}.kf-piece{transition:transform .2s cubic-bezier(.2,1.1,.4,1)}.kf-piece:active{transform:scale(.94)}.kf-board-3d{transform:perspective(1600px) rotateX(6deg);transform-style:preserve-3d;filter:drop-shadow(0 34px 40px rgba(0,0,0,.55));transition:transform .5s cubic-bezier(.2,1.1,.4,1);will-change:transform}.kf-board-3d:hover{transform:perspective(1600px) rotateX(4deg)}.kf-board-glow{position:relative;isolation:isolate}.kf-board-glow:before{content:"";position:absolute;bottom:-26px;left:4%;right:4%;height:56px;background:radial-gradient(ellipse at center,rgba(240,192,64,.45) 0%,rgba(224,80,32,.25) 45%,transparent 72%);filter:blur(24px);pointer-events:none;z-index:-1;animation:kfBoardHalo 4.5s ease-in-out infinite}.kf-piece-3d{position:relative;transform-style:preserve-3d;transition:transform .28s cubic-bezier(.34,1.56,.64,1),filter .2s ease;will-change:transform,filter;filter:drop-shadow(0 6px 10px rgba(0,0,0,.55))}.kf-piece-3d:before{content:"";position:absolute;top:8%;right:8%;bottom:8%;left:8%;border-radius:50%;background:radial-gradient(circle at 30% 22%,#ffffffbf,#ffffff26 30%,#fff0 55%);pointer-events:none;z-index:3;mix-blend-mode:screen}.kf-piece-3d:after{content:"";position:absolute;top:14%;right:14%;bottom:14%;left:14%;border-radius:50%;background:radial-gradient(circle at 72% 82%,#0000006b,#0000001f 40%,#0000 65%);pointer-events:none;z-index:2;mix-blend-mode:multiply}.kf-piece-3d:hover{transform:translateY(-10px) rotateX(-14deg) scale(1.14);filter:drop-shadow(0 22px 26px rgba(0,0,0,.7)) drop-shadow(0 0 18px rgba(240,192,64,.65)) drop-shadow(0 0 4px rgba(240,192,64,.9));z-index:12}.kf-piece-3d:active{transform:translateY(-3px) rotateX(-4deg) scale(1.04);transition-duration:.08s}.kf-piece-3d:before{animation:kfSpecularDrift 5.5s ease-in-out infinite}@keyframes kfSpecularDrift{0%,to{background:radial-gradient(circle at 28% 20%,#ffffffc7,#ffffff26 30%,#fff0 55%)}50%{background:radial-gradient(circle at 40% 24%,#ffffffe6,#fff3 32%,#fff0 58%)}}@keyframes kfScreenShake{0%,to{transform:perspective(1600px) rotateX(6deg) translate(0)}10%{transform:perspective(1600px) rotateX(6deg) translate(-4px,2px)}25%{transform:perspective(1600px) rotateX(6deg) translate(5px,-3px)}40%{transform:perspective(1600px) rotateX(6deg) translate(-3px,4px)}60%{transform:perspective(1600px) rotateX(6deg) translate(4px,-2px)}80%{transform:perspective(1600px) rotateX(6deg) translate(-2px,3px)}}.kf-shake{animation:kfScreenShake .42s cubic-bezier(.36,.07,.19,.97)}.kf-piece-3d{animation:kfPieceIdle 4.5s ease-in-out infinite}@keyframes kfPieceIdle{0%,to{transform:translateY(0)}50%{transform:translateY(-1.5px)}}.kf-piece-3d:hover,.kf-piece-selected,.kf-piece-moving,.kf-captured,.kf-king-me{animation-play-state:paused}.kf-piece-selected{filter:drop-shadow(0 6px 10px rgba(0,0,0,.5)) drop-shadow(0 0 12px rgba(240,192,64,.9)) drop-shadow(0 0 26px rgba(240,192,64,.55));animation:kfSelectedPulse 1.6s ease-in-out infinite;z-index:10}@keyframes kfSelectedPulse{0%,to{filter:drop-shadow(0 6px 10px rgba(0,0,0,.5)) drop-shadow(0 0 10px rgba(240,192,64,.75)) drop-shadow(0 0 22px rgba(240,192,64,.35));transform:translateY(-3px) scale(1.03)}50%{filter:drop-shadow(0 8px 14px rgba(0,0,0,.55)) drop-shadow(0 0 20px rgba(240,192,64,1)) drop-shadow(0 0 36px rgba(240,192,64,.65));transform:translateY(-6px) scale(1.07)}}.kf-piece-moving{animation:kfPieceHop .36s cubic-bezier(.34,1.56,.64,1)}@keyframes kfPieceHop{0%{transform:scale(1) translateY(0)}30%{transform:scale(1.15,.88) translateY(-14px)}60%{transform:scale(.94,1.08) translateY(-4px)}to{transform:scale(1) translateY(0)}}@keyframes kfKingMe{0%{transform:scale(1) rotate(0);filter:drop-shadow(0 0 0 rgba(240,192,64,0))}50%{transform:scale(1.35) rotate(-8deg);filter:drop-shadow(0 0 24px rgba(240,192,64,1))}to{transform:scale(1) rotate(0);filter:drop-shadow(0 0 12px rgba(240,192,64,.7))}}.kf-king-me{animation:kfKingMe .8s cubic-bezier(.34,1.56,.64,1)}.kf-captured{animation:kfCaptureBurst .5s ease-out forwards;pointer-events:none;z-index:8}@keyframes kfCaptureBurst{0%{transform:scale(1) rotate(0);opacity:1;filter:blur(0)}40%{transform:scale(1.5) rotate(-12deg);opacity:.75;filter:blur(2px)}to{transform:scale(2.4) rotate(20deg);opacity:0;filter:blur(10px)}}.kf-square-3d{position:relative;transform-style:preserve-3d;box-shadow:inset 0 1px 2px #ffffff0f,inset 0 -2px 4px #00000073;transition:background .2s,box-shadow .25s}.kf-last-move{animation:kfLastMoveGlow 1.8s ease-out}@keyframes kfLastMoveGlow{0%{box-shadow:inset 0 0 0 3px #f0c040f2,inset 0 0 34px #f0c040b3}to{box-shadow:inset 0 0 0 2px #f0c04059,inset 0 0 14px #f0c0402e}}.kf-valid-move{position:relative}.kf-valid-move:after{content:"";position:absolute;top:34%;right:34%;bottom:34%;left:34%;border-radius:50%;background:radial-gradient(circle,rgba(74,222,128,.9) 0%,rgba(74,222,128,.3) 55%,transparent 100%);box-shadow:0 0 12px #4ade80b3;animation:kfValidPulse 1.4s ease-in-out infinite;pointer-events:none;z-index:4}.kf-valid-capture{position:relative}.kf-valid-capture:after{content:"";position:absolute;top:6%;right:6%;bottom:6%;left:6%;border-radius:50%;background:transparent;border:3px solid rgba(240,77,92,.9);box-shadow:0 0 18px #f04d5cbf,inset 0 0 14px #f04d5c66;animation:kfValidPulse 1.4s ease-in-out infinite;pointer-events:none;z-index:4}@keyframes kfValidPulse{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.35);opacity:1}}.btn-premium{position:relative;background:linear-gradient(180deg,#fce49a,#f0c040 45%,#a07018);border:1px solid rgba(240,192,64,.9);color:#1a0a05;font-family:Cinzel,serif;font-weight:800;letter-spacing:.22em;padding:14px 28px;border-radius:12px;text-transform:uppercase;font-size:13px;box-shadow:0 10px 24px #f0c04066,inset 0 1px #ffffff8c,inset 0 -2px #00000059;cursor:pointer;overflow:hidden;transition:transform .18s cubic-bezier(.2,1.1,.4,1),box-shadow .22s ease,filter .15s ease}.btn-premium:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.5) 50%,transparent 70%);transform:translate(-120%);pointer-events:none}.btn-premium:hover{transform:translateY(-2px);box-shadow:0 14px 32px #f0c0408c,inset 0 1px #fff9,inset 0 -2px #00000059;filter:brightness(1.08)}.btn-premium:hover:after{animation:kfBtnShine .8s ease-out}.btn-premium:active{transform:translateY(0);box-shadow:0 4px 12px #f0c0404d,inset 0 2px 4px #00000059}.screen-enter-3d{animation:kfScreenIn .55s cubic-bezier(.2,1.1,.4,1) both}@keyframes kfScreenIn{0%{opacity:0;transform:perspective(1400px) rotateX(12deg) translateY(24px) scale(.96)}to{opacity:1;transform:perspective(1400px) rotateX(0) translateY(0) scale(1)}}@keyframes kfConfettiFall{0%{transform:translateY(-20px) rotate(0);opacity:1}to{transform:translateY(420px) rotate(720deg);opacity:0}}.kf-confetti-piece{animation:kfConfettiFall 1.6s ease-in forwards}@media (prefers-reduced-motion: reduce){.kf-board-3d{transform:none}.kf-piece-3d,.kf-piece-3d:hover,.kf-piece-selected{transform:none!important;animation:none!important;filter:drop-shadow(0 4px 6px rgba(0,0,0,.5))}.kf-valid-move:after,.kf-selected-pulse,.kf-piece-moving,.kf-king-me,.kf-captured{animation:none!important}}