@font-face{font-family:ZappHeebo;src:local("Arial Black");font-display:swap}:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#050505;color:#fff}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100dvh;overflow-x:hidden}button,input{font:inherit}button{border:0}.solid-app{min-height:100dvh;background:#050505}.auth-screen,.home-screen,.waiting-screen,.game-screen{min-height:100dvh;width:100%}.auth-screen{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;overflow:hidden;padding:0;background-color:#38116d;background-image:repeating-conic-gradient(#411878 0 25%,#38116d 0 50%);background-size:1rem 1rem}.auth-screen:before{display:none}.auth-hero{position:relative;z-index:1;display:grid;min-height:min(67dvh,52rem);width:100%;place-items:start center;padding:max(20dvh,8.5rem) min(7vw,2rem) 0}.auth-hero-logo{width:min(39vw,14rem);object-fit:contain}.auth-panel{position:relative;z-index:2;display:flex;width:min(100%,48.75rem);flex-direction:column;gap:clamp(.85rem,2dvh,1.15rem);border-top:.0625rem solid #2a2a2a;border-radius:2.1rem 2.1rem 0 0;padding:clamp(2.8rem,5.7dvh,3.2rem) min(7.4vw,3.6rem) max(6dvh,2.5rem);background:#101010;box-shadow:0 -1.5rem 4rem #00000057}.auth-copy{display:grid;gap:.45rem;text-align:left}.auth-copy h1{margin:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:clamp(1.125rem,5vw,1.35rem);font-weight:500;line-height:1.18;text-transform:none;letter-spacing:0}.auth-kicker,.auth-subcopy,.home-title-group p,.home-action-group p,.matchmaking-kicker,.move-footer p,.game-header p,.score-strip span{margin:0;font-weight:700;letter-spacing:0;text-transform:uppercase}.auth-kicker,.home-title-group p,.matchmaking-kicker{color:#91ffba}.auth-subcopy{color:#8f8f8f;font-size:clamp(.82rem,3vw,.98rem);text-transform:none}.phone-field,.otp-field{width:100%;border:0;border-radius:.9rem;background:#202020;color:#fff;outline:none}.phone-field{display:flex;align-items:center;gap:clamp(.75rem,3vw,1.4rem);min-height:clamp(2.75rem,5.4dvh,3.2rem);padding:0 clamp(.9rem,3.3vw,1.8rem)}.country-button{display:inline-flex;align-items:center;gap:.45rem;border-radius:.45rem;padding:0;background:transparent;color:#fff;font-size:clamp(1rem,3.55vw,1.55rem);font-weight:500}.phone-field input,.otp-field{border:0;background:transparent;color:#fff;outline:none;font-size:clamp(1rem,3.55vw,1.55rem);font-weight:500;letter-spacing:0}.phone-field input{width:100%;min-height:clamp(2.5rem,5dvh,3rem);color:#fff}.otp-field{min-height:clamp(3rem,13vw,3.45rem);padding:0 1rem;text-align:center;color:#c9cbcc;font-size:clamp(1.15rem,6vw,1.45rem)}.age-row{display:flex;align-items:flex-start;gap:clamp(.6rem,2.4vw,.9rem);color:#8f8f8f;font-size:clamp(.8rem,2.7vw,1rem);font-weight:400;line-height:1.35}.age-row input{display:grid;flex:0 0 auto;width:clamp(1.05rem,3.7vw,1.35rem);aspect-ratio:1;place-items:center;margin:.05rem 0 0;appearance:none;border:.12rem solid #fcbe3b;border-radius:.22rem;background:transparent}.age-row input:checked{background:#fcbe3b}.age-row input:checked:after{width:32%;height:58%;border-color:#101010;border-style:solid;border-width:0 .14rem .14rem 0;content:"";transform:rotate(45deg) translate(-.02rem,-.04rem)}.age-row a{color:#a6a6a6;text-decoration:underline;text-underline-offset:.16em}.primary-button,.ghost-button,.text-button,.icon-button,.play-button{cursor:pointer;transition:transform .15s ease,opacity .15s ease,background .15s ease}.primary-button:disabled,.play-button:disabled{cursor:wait;opacity:.72}.primary-button{min-height:clamp(3.1rem,6dvh,3.7rem);border-radius:.6rem;background:linear-gradient(180deg,#21954e,#168445);color:#090715;font-size:clamp(1rem,3.55vw,1.55rem);font-weight:800;text-transform:none;box-shadow:inset 0 -.35rem #0000002e}.ghost-button,.text-button,.icon-button{border:.0625rem solid rgba(255,255,255,.14);border-radius:.45rem;background:#ffffff0f;color:#fff;font-weight:800}.ghost-button{min-height:3rem;padding:0 1.2rem}.referral-button{min-height:2.5rem;border-color:transparent;background:transparent;color:#fcbe3b}.support-link{position:absolute;top:max(1rem,env(safe-area-inset-top));right:min(5vw,1.25rem);z-index:3;color:#9b9d9d;font-size:.82rem;font-weight:700;text-decoration:none}.home-screen{position:relative;display:flex;overflow:hidden;background:#050505}.home-background{position:absolute;inset:0;background:radial-gradient(circle at 50% 42%,rgba(40,255,123,.18),transparent min(48vw,24rem)),linear-gradient(180deg,#050505,#101b12 48%,#050505)}.home-content{position:relative;z-index:1;display:flex;width:min(100%,34rem);min-height:100dvh;flex-direction:column;align-items:center;justify-content:space-between;margin:0 auto;padding:max(5dvh,2.5rem) min(6vw,1.5rem) max(7dvh,3.5rem);text-align:center}.home-title-group{display:grid;justify-items:center;gap:clamp(.45rem,1.7dvh,.8rem)}.home-logo{width:min(54vw,11rem)}.home-title-group h1{margin:0;font-family:ZappHeebo,Inter,sans-serif;font-size:clamp(2.25rem,14vw,4.6rem);font-weight:950;line-height:.92;letter-spacing:0;text-transform:uppercase}.floating-board{width:min(94vw,30rem);min-height:0;flex:1;object-fit:contain}.home-action-group{display:grid;width:100%;justify-items:center;gap:clamp(.75rem,2dvh,1rem)}.play-button{position:relative;display:flex;width:min(78vw,22rem);min-height:clamp(3.25rem,13vw,4.5rem);align-items:center;justify-content:center;gap:.6em;overflow:hidden;padding:.85em 2.4em;background:#28ff7b;clip-path:polygon(11% 0%,100% 0%,100% 52%,89% 100%,0% 100%,0% 48%);color:#000;font-family:ZappHeebo,Inter,sans-serif;font-size:clamp(1rem,4.8vw,1.45rem);font-weight:950;letter-spacing:0;text-transform:uppercase;box-shadow:0 0 1.8rem #28ff7b52}.play-button img{position:absolute;top:50%;right:0;width:auto;height:100%;transform:translateY(-50%);opacity:.75;pointer-events:none}.play-button span{position:relative;z-index:1}.play-arrow{font-size:1.1em;line-height:1}.button-spinner{width:1.1em;aspect-ratio:1;border:.18em solid rgba(0,0,0,.25);border-top-color:#000;border-radius:999rem;animation:spin .8s linear infinite}.hidden{display:none}.waiting-screen{display:flex;align-items:stretch;justify-content:center;background:#050505}.waiting-rive-shell{position:relative;width:min(100%,36rem);min-height:100dvh;overflow:hidden;background:radial-gradient(circle at 50% 36%,rgba(40,255,123,.16),transparent 21rem)}.matchmaking-rive-canvas{position:absolute;inset:0;width:100%;height:100%}.matchmaking-overlay{position:relative;z-index:1;display:flex;min-height:100dvh;flex-direction:column;align-items:center;justify-content:flex-end;gap:1rem;padding:max(6dvh,2.4rem) min(6vw,1.4rem);background:linear-gradient(180deg,#0505051a,#050505db)}.matchmaking-overlay img{width:min(46vw,10rem)}.match-card-row{display:grid;width:min(100%,28rem);grid-template-columns:1fr auto 1fr;align-items:center;gap:.7rem}.player-card{display:grid;gap:.35rem;border:.0625rem solid rgba(255,255,255,.12);border-radius:.5rem;padding:.85rem;background:#070b09d1}.player-card span{color:#ffffffad;font-size:.74rem;font-weight:800;text-transform:uppercase}.player-card strong{color:#28ff7b;font-size:clamp(1.25rem,6vw,1.8rem)}.opponent strong{color:#fff}.versus-chip{display:grid;width:2.7rem;aspect-ratio:1;place-items:center;border-radius:999rem;background:#28ff7b;color:#041007;font-weight:950}.progress-shell{width:min(100%,28rem);overflow:hidden;border-radius:999rem;background:#ffffff1a}.progress-fill{height:.7rem;border-radius:inherit;background:linear-gradient(90deg,#28ff7b,#91ffba);transition:width .26s ease}.waiting-cancel{width:min(100%,28rem)}.game-screen{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:clamp(.75rem,2dvh,1.2rem);width:min(100%,38rem);margin:0 auto;padding:max(2dvh,1rem) min(4vw,1.1rem);background:radial-gradient(circle at 50% 25%,rgba(252,190,59,.1),transparent 22rem),linear-gradient(179deg,#000,#292929 30%,#2d2d2d 54%,#000 123%)}.game-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem}.game-header div{min-width:0}.game-header h1{margin:.15rem 0 0;overflow-wrap:anywhere;font-size:clamp(1.25rem,6vw,2rem);line-height:1;letter-spacing:0}.icon-button{display:grid;width:clamp(2.6rem,12vw,3.2rem);aspect-ratio:1;place-items:center;font-size:1.4rem}.text-button{min-height:2.7rem;padding:0 1rem}.score-strip{display:grid;grid-template-rows:auto auto;gap:.55rem}.player-row-card{display:flex;min-height:3.1rem;align-items:center;justify-content:space-between;gap:1rem;border:.0625rem solid rgba(255,255,255,.1);border-radius:.4rem;padding:.65rem .85rem;background:#0e0e0ec7}.score-strip strong{color:#fcbe3b;font-size:1.15rem}.opponent-row-card strong{color:#fff}.board-shell{display:grid;min-height:0;align-items:center}.board-grid{display:grid;justify-self:center;width:min(100%,calc(100dvw - 2rem),34rem);aspect-ratio:1;grid-template-columns:repeat(8,1fr);overflow:hidden;outline:.0625rem solid #2f323b;border:.55rem solid #2f323b;border-radius:.25rem;background:#2f323b;box-shadow:0 0 2rem #fcbe3b1f,0 1.4rem 3rem #00000073}.board-square{position:relative;display:grid;min-width:0;min-height:0;aspect-ratio:1;place-items:center;padding:0;color:inherit}.board-square.light{background:#e2dfcc}.board-square.dark{background:#77715b}.board-square.selected{box-shadow:inset 0 0 0 .24rem #fcbe3beb}.board-square.legal:after{position:absolute;width:28%;aspect-ratio:1;border-radius:999rem;background:#fcbe3bad;content:""}.board-square.last-from{box-shadow:inset 0 0 0 .18rem #ffffff52}.board-square.last-to{box-shadow:inset 0 0 0 .2rem #fcbe3bd1}.piece{position:relative;z-index:1;display:grid;width:72%;aspect-ratio:1;place-items:center;border-radius:50% 50% 46% 46%;font-family:Georgia,serif;font-size:clamp(1rem,7vw,2.35rem);font-weight:950;line-height:1;pointer-events:none}.piece:empty{display:none}.pawn-piece{width:46%;font-size:clamp(.85rem,5.6vw,1.75rem)}.pawn-piece:before{width:72%;aspect-ratio:1;border-radius:999rem;content:""}.white-piece{background:radial-gradient(circle at 34% 24%,#fff,#dfe8d7 66%,#aab59e);color:#101d13;box-shadow:inset 0 -.18rem #00000024}.white-piece.pawn-piece:before{background:radial-gradient(circle at 34% 24%,#fff,#dfe8d7 66%,#aab59e)}.black-piece{background:radial-gradient(circle at 34% 24%,#283830,#07120b 66%,#020403);color:#e9f7ea;box-shadow:inset 0 -.18rem #ffffff14}.black-piece.pawn-piece:before{background:radial-gradient(circle at 34% 24%,#283830,#07120b 66%,#020403)}.move-vfx,.capture-vfx{position:absolute;inset:18%;z-index:3;border-radius:999rem;pointer-events:none}.move-vfx{border:.16rem solid rgba(252,190,59,.9);animation:move-impact .62s ease-out forwards}.capture-vfx{background:radial-gradient(circle,rgba(255,255,255,.96),rgba(252,190,59,.68) 34%,transparent 68%);animation:capture-burst .72s ease-out forwards}.move-footer{min-height:2.4rem;color:#ffffffb8;text-align:center}.inline-status{max-width:100%;color:#ffe1a3;font-size:.84rem;line-height:1.35;text-align:center}@keyframes spin{to{transform:rotate(360deg)}}@keyframes move-impact{0%{transform:scale(.3);opacity:0}40%{opacity:1}to{transform:scale(1.65);opacity:0}}@keyframes capture-burst{0%{transform:scale(.25) rotate(0);opacity:0}24%{opacity:1}to{transform:scale(2.2) rotate(24deg);opacity:0}}@media(min-width:48rem){.auth-panel{padding:2rem}.game-screen{min-height:100dvh}}