@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800;900&display=swap');
:root{--cream:#fbfaf4;--ink:#1f2528;--muted:#687078;--line:#e9e6da;--gold:#f6c84c;--blue:#4a9bd1;--blue-dark:#2876ad;--green:#4cba70;--green-dark:#218a52;--orange:#f99b27;--orange-dark:#d86c0c;--red:#ec6759;--shadow:0 16px 40px rgba(38,43,44,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'Tajawal',Arial,sans-serif;min-height:100vh}button,a{font:inherit}button{cursor:pointer;border:0}body:before,body:after{content:'⚔';position:fixed;color:#eae8dd;font-size:104px;z-index:-1;opacity:.48;transform:rotate(-16deg)}body:before{left:2vw;top:30vh}body:after{right:4vw;bottom:8vh;transform:rotate(20deg)}.page-shell{max-width:1440px;margin:auto;padding:0 42px}.topbar{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-size:25px;line-height:.8;font-weight:900}.brand b,.brand em{display:block;font-style:normal}.brand em{font-size:15px;font-weight:700;color:#7f8585;margin-top:5px}.brand-mark{width:38px;height:46px;background:linear-gradient(135deg,#727b7f,#30393b);clip-path:polygon(46% 0,72% 4%,64% 18%,81% 28%,64% 100%,40% 84%,27% 29%,38% 19%);position:relative;filter:drop-shadow(2px 4px 0 #d4d2c9)}.brand-mark:after{content:'';position:absolute;background:#f8f8ee;width:5px;height:22px;left:17px;top:12px;border-radius:5px;transform:rotate(7deg)}.brand-smile{position:absolute;z-index:2;color:#f8f8ee;left:13px;top:26px;font-size:17px}.topbar-center{text-align:center}.eyebrow{display:block;text-transform:uppercase;letter-spacing:1.3px;color:#9a9f9c;font-size:11px;font-weight:800;margin-bottom:5px}.topbar-center strong{font-size:13px}.top-actions{display:flex;align-items:center;gap:12px}.icon-button{width:42px;height:42px;border-radius:14px;background:#fff;border:1px solid var(--line);font-size:18px;transition:.2s}.icon-button:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.profile-chip{display:flex;align-items:center;gap:9px;background:white;border:1px solid var(--line);border-radius:16px;padding:7px 10px 7px 12px;font-size:12px}.profile-chip b,.profile-chip small{display:block}.profile-chip small{font-size:10px;color:#939894;margin-top:3px}.profile-avatar,.avatar-stack span,.tiny-avatar{display:grid;place-items:center;border-radius:50%;font-weight:900}.profile-avatar{background:#f6c84c;color:#fff;width:31px;height:31px}.chevron{font-size:18px;color:#8a918f;margin-right:4px}.stats-strip{display:flex;gap:13px;margin:25px 0}.stat-card{background:#fff;border:1px solid var(--line);border-radius:17px;min-height:68px;padding:10px 15px;display:flex;align-items:center;gap:10px;min-width:190px;box-shadow:0 6px 20px rgba(39,43,39,.025)}.stat-card.gems{min-width:196px}.stat-card.level{min-width:230px;flex:1}.stat-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;font-size:23px}.coin-icon{background:#fff0b9;color:#edae1e}.gem-icon{background:#dff3fc;color:#43a3d4;font-size:22px;transform:rotate(45deg)}.gem-icon+span{margin-right:3px}.stat-card small{display:block;color:#929895;font-size:10px;font-weight:700}.stat-card b{display:block;font-size:17px;margin-top:2px}.stat-plus{margin-right:auto;color:#a9afac;border:1px solid #e5e8e1;border-radius:8px;width:22px;height:22px;display:grid;place-items:center;font-weight:700}.level-badge{background:#f1e5b9;color:#a3811e;border-radius:8px;padding:7px 6px;font-size:9px;font-weight:900}.level-progress{height:5px;flex:1;max-width:88px;background:#ecebe1;border-radius:10px;overflow:hidden;margin-right:auto}.level-progress i{display:block;height:100%;width:68%;background:var(--gold);border-radius:10px}.hero-panel{background:#f1efe4;border:1px solid #e5e2d7;border-radius:28px;min-height:315px;display:flex;overflow:hidden;position:relative}.hero-panel:after{content:'';position:absolute;inset:auto 0 0;height:55px;background:linear-gradient(transparent,rgba(219,214,194,.28));pointer-events:none}.hero-copy{padding:43px 50px 28px;max-width:62%;position:relative;z-index:2}.hero-kicker{color:#7d8480;font-size:12px;font-weight:800;display:flex;gap:7px;align-items:center}.spark{color:var(--gold);font-size:18px}.hero-copy h1{font-size:42px;line-height:1.1;margin:13px 0 11px;letter-spacing:-1.3px}.hero-copy h1 span{color:#347fa9}.hero-copy p{color:#707977;line-height:1.75;margin:0;max-width:440px;font-size:14px}.hero-ctas{display:flex;align-items:center;gap:17px;margin-top:23px}.primary-button,.game-button,.secondary-button,.text-button,.back-button{transition:.22s ease}.primary-button{background:var(--ink);color:#fff;padding:12px 20px;border-radius:12px;font-weight:800;font-size:13px;box-shadow:0 7px 0 #0f1416}.primary-button:hover,.game-button:hover{transform:translateY(-3px);box-shadow:0 10px 0 rgba(15,20,22,.2)}.primary-button:active,.game-button:active{transform:translateY(2px);box-shadow:0 3px 0 #0f1416}.primary-button span,.game-button span{margin-right:10px;color:var(--gold);font-size:17px}.text-button{background:transparent;color:#646d6b;font-weight:800;font-size:12px}.text-button:hover{color:#24779d}.text-button span{color:#a3aaa3;font-size:16px;margin-right:6px}.hero-proof{display:flex;align-items:center;gap:9px;margin-top:28px;font-size:11px;color:#858c87}.hero-proof b{color:var(--ink)}.avatar-stack{display:flex;direction:ltr}.avatar-stack span{width:24px;height:24px;border:2px solid #f1efe4;background:#a7d3b8;color:#fff;font-size:9px;margin-left:-7px}.avatar-stack span:nth-child(2){background:#d69eb4}.avatar-stack span:nth-child(3){background:#78afd2}.avatar-stack span:nth-child(4){background:#313b3d}.hero-art{flex:1;position:relative;min-width:310px}.hero-shield{position:absolute;right:23%;top:17%;width:200px;height:226px;background:rgba(247,247,236,.6);border:2px solid rgba(182,190,181,.45);clip-path:polygon(50% 0,93% 13%,84% 58%,50% 100%,16% 58%,7% 13%);transform:rotate(13deg)}.sword-character{position:relative;width:70px;height:145px;filter:drop-shadow(4px 8px 0 rgba(94,96,90,.18));animation:float 3.6s ease-in-out infinite}.sword-character.large{position:absolute;right:34%;bottom:22px;transform:rotate(7deg) scale(1.3);z-index:2}.sword-hilt{position:absolute;top:0;left:23px;width:25px;height:45px;background:linear-gradient(90deg,#8d9697,#343c3e,#929a9a);border:3px solid #293234;border-radius:8px;transform:rotate(-5deg);z-index:3}.sword-hilt i{display:block;height:7px;border-top:2px solid #252c2d;border-bottom:2px solid #6f7979}.sword-guard{position:absolute;top:37px;left:4px;width:63px;height:18px;background:#384042;border:3px solid #232a2c;border-radius:4px;z-index:3}.sword-blade{position:absolute;top:49px;left:16px;width:40px;height:96px;background:linear-gradient(90deg,#777f80,#e3e8e3 45%,#8d9695);border:3px solid #283234;clip-path:polygon(0 0,100% 0,73% 80%,50% 100%,27% 80%);z-index:2}.blade-shine{position:absolute;width:5px;height:56px;background:#f9faf0;left:13px;top:13px;opacity:.7;transform:rotate(8deg)}.eye{position:absolute;width:7px;height:9px;background:#1e2729;border-radius:50%;top:31px}.eye.left{left:9px}.eye.right{right:9px}.sword-mouth{position:absolute;top:44px;left:12px;color:#1e2729;font-weight:900;font-size:21px}.sword-arm{position:absolute;width:28px;height:7px;background:#323b3c;border-radius:7px;top:72px;z-index:4}.arm-left{left:-7px;transform:rotate(115deg)}.arm-right{right:-7px;transform:rotate(59deg)}.sword-hand{position:absolute;color:#1e2729;font-size:16px;z-index:5}.hand-left{left:-20px;top:90px}.hand-right{right:-20px;top:91px}.art-burst{position:absolute;color:#e0a927;font-weight:900;font-size:25px;animation:pulse 1.8s infinite}.burst-one{top:33px;right:22%;animation-delay:.2s}.burst-two{top:68px;left:17%;font-size:18px}.burst-three{bottom:31px;right:15%;font-size:17px;animation-delay:.7s}.art-caption{position:absolute;bottom:17px;left:10%;display:flex;flex-direction:column;gap:2px;z-index:3}.art-caption b{font-size:16px}.art-caption span{font-size:10px;color:#858c88}.section-heading{display:flex;align-items:end;justify-content:space-between;margin:36px 0 17px}.section-heading h2,.screen-header h2,.game-screen-head h2{margin:0;font-size:25px;letter-spacing:-.5px}.heading-note{font-size:11px;color:#8b928e}.heading-note span{color:var(--gold);font-size:17px;vertical-align:middle}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.game-card{border-radius:22px;overflow:hidden;border:1px solid rgba(0,0,0,.04);background:#fff;box-shadow:var(--shadow);transition:.25s}.game-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(38,43,44,.13)}.card-top{display:flex;align-items:center;justify-content:space-between;padding:15px 18px 9px;color:rgba(25,44,45,.65);font-size:10px;font-weight:800}.game-number{font-size:10px;letter-spacing:1px}.difficulty{display:flex;gap:3px;align-items:center}.difficulty i{width:5px;height:5px;border-radius:50%;background:currentColor}.difficulty i.muted{opacity:.3}.card-visual{height:170px;margin:0 14px;border-radius:16px;position:relative;overflow:hidden}.adventure-visual{background:linear-gradient(#81cdee 0 70%,#b9e8f1 70%);}.cloud{position:absolute;background:#fff;border-radius:40px;width:70px;height:18px}.cloud:before,.cloud:after{content:'';position:absolute;background:#fff;border-radius:50%}.cloud:before{width:25px;height:25px;left:13px;top:-11px}.cloud:after{width:34px;height:34px;right:9px;top:-18px}.cloud-a{top:32px;left:18px}.cloud-b{bottom:30px;right:12px;transform:scale(.75)}.star{position:absolute;color:#fff3a5;text-shadow:0 1px 0 #ceaf38;font-size:22px;z-index:2}.star-a{top:53px;left:48%}.star-b{bottom:35px;left:22%}.mini-sword{position:absolute;bottom:24px;left:45%;font-size:43px;transform:rotate(-11deg);filter:drop-shadow(0 3px 0 #3d777e);z-index:3}.rock{position:absolute;bottom:10px;color:#6c777b;background:#9da7a8;border:2px solid #535e60;padding:8px 11px;border-radius:11px 11px 5px 5px;font-size:22px;z-index:2}.rock-a{right:14px}.rock-b{left:12px}.hill{position:absolute;background:#7fcab2;border-radius:50% 50% 0 0;width:130px;height:55px;bottom:-15px}.hill-a{left:-26px}.hill-b{right:-24px;background:#6fb29d}.sharpen-visual{background:linear-gradient(145deg,#c3f0cc,#8ad9a6)}.meter{position:absolute;top:28px;left:50%;transform:translateX(-50%);width:105px;height:50px;border:7px solid #273a3b;border-bottom:0;border-radius:105px 105px 0 0;background:conic-gradient(from 270deg,#f36552 0 22%,#f2d647 22% 41%,#4bab69 41% 66%,#f2d647 66% 80%,#f36552 80%)}.meter span{position:absolute;width:4px;height:49px;background:#293638;left:46px;bottom:-4px;transform:rotate(35deg);transform-origin:bottom}.meter b{position:absolute;top:55px;left:19px;font-size:10px;color:#2f8e57;white-space:nowrap}.anvil{position:absolute;bottom:17px;left:38%;font-size:66px;color:#455359;filter:drop-shadow(2px 4px 0 #697778)}.sharpen-sword{position:absolute;left:41%;bottom:56px;font-size:58px;transform:rotate(-34deg);color:#d9e7e4;text-shadow:3px 3px 0 #354a4e}.metal-spark{position:absolute;top:73px;right:24%;color:#f4be36;font-size:26px}.dragon-visual{background:linear-gradient(#5b342a,#a34d25 65%,#5b2c21)}.cave-glow{position:absolute;width:180px;height:150px;left:50%;top:30px;transform:translateX(-50%);background:radial-gradient(circle,rgba(251,171,70,.66),transparent 66%)}.dragon-mini{position:absolute;right:22%;bottom:25px;font-size:67px;filter:drop-shadow(2px 4px 0 #46231d)}.battle-sword{position:absolute;left:19%;bottom:34px;font-size:55px;transform:rotate(-25deg);filter:drop-shadow(1px 2px 0 #20282a)}.flame{position:absolute;color:#ffbd49;font-size:47px}.flame-a{left:15px;bottom:25px}.flame-b{right:10px;top:56px;color:#f78f2c}.cave-rock{position:absolute;color:#352421;font-size:48px}.rock-top{left:-3px;top:-7px}.rock-bottom{right:0;bottom:-8px}.card-content{padding:15px 19px 18px}.card-content h3{font-size:17px;margin:0 0 6px}.card-content p{color:#7b8380;font-size:11px;line-height:1.65;margin:0;min-height:38px}.card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:16px}.reward{font-size:11px;color:#7e8780;font-weight:700;display:flex;align-items:center;gap:5px}.coin-icon.small{font-size:14px;width:23px;height:23px;border-radius:50%;display:grid;place-items:center}.game-button{border-radius:10px;color:#fff;padding:9px 15px;font-size:12px;font-weight:800;box-shadow:0 4px 0 rgba(0,0,0,.17)}.adventure-card .game-button{background:var(--blue-dark)}.sharpen-card .game-button{background:var(--green-dark)}.dragon-card .game-button{background:var(--orange-dark)}.screen{display:none;padding:31px 0 50px;min-height:600px}.screen.active{display:block;animation:screenIn .32s ease}.back-button{background:transparent;color:#707a76;font-size:12px;font-weight:800;padding:0;margin-bottom:25px}.back-button:hover{color:var(--ink);transform:translateX(3px)}.screen-header,.game-screen-head{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-bottom:27px}.screen-header p,.game-screen-head p{color:#7c8480;font-size:13px;margin:7px 0 0}.trophy-big{width:84px;height:84px;display:grid;place-items:center;border-radius:26px;background:#fff4c7;font-size:40px;box-shadow:var(--shadow)}.leader-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:24px;align-items:stretch}.podium{min-height:380px;border-radius:25px;background:#f2efe3;border:1px solid #e6e1d3;display:flex;align-items:end;justify-content:center;gap:7px;padding:30px 24px 0;position:relative}.podium:before{content:'TOP 3';position:absolute;top:25px;right:28px;color:#b5aa8b;font-weight:900;letter-spacing:3px;font-size:10px}.podium-player{width:31%;text-align:center;position:relative;padding-top:45px}.podium-player b,.podium-player strong{display:block}.podium-player b{font-size:13px;margin:9px 0 3px}.podium-player strong{font-size:11px;color:#a5862d}.podium-avatar{display:grid;place-items:center;margin:auto;border-radius:50%;width:61px;height:61px;border:5px solid #f2efe3;color:#fff;font-size:21px;font-weight:900;box-shadow:0 6px 13px rgba(55,52,39,.15)}.podium-avatar.gold{background:#e9b83d}.podium-avatar.purple{background:#9b88cf}.podium-avatar.blue{background:#73afd0}.crown{position:absolute;top:15px;right:50%;transform:translateX(50%);color:#d0a126;font-size:21px}.podium-step{margin-top:11px;background:#ded8c2;border-radius:15px 15px 0 0;height:100px;padding-top:10px;color:#978d6e;font-size:20px;font-weight:900}.first .podium-step{height:146px;background:#e6bd4b;color:#fff}.second .podium-step{height:112px}.leader-table{background:#fff;border:1px solid var(--line);border-radius:22px;padding:15px 20px;box-shadow:var(--shadow)}.table-head,.leader-row{display:grid;grid-template-columns:42px 1fr 100px 70px;align-items:center;gap:10px}.table-head{color:#a1a7a1;font-size:10px;border-bottom:1px solid var(--line);padding:8px 0 14px}.leader-row{font-size:12px;border-bottom:1px solid #f1f0ea;padding:15px 0}.leader-row:last-child{border:0}.leader-row>span:first-child{color:#a8ada8;font-size:11px}.leader-row b{font-size:14px}.leader-row.you{background:#fff9df;margin:5px -11px;padding:12px 11px;border-radius:11px;border:0}.player-name{display:flex;align-items:center;gap:8px;font-weight:800}.player-name em{font-style:normal;color:#c39b20;font-size:9px;background:#fff0ad;padding:3px 5px;border-radius:5px}.tiny-avatar{width:27px;height:27px;color:#fff;font-size:10px}.mint{background:#7dbb9b}.orange{background:#dd936b}.pink{background:#d89ab5}.yellow{background:#d5af4d}.game-goal{background:#fff;border:1px solid var(--line);padding:10px 15px;border-radius:14px;min-width:105px;text-align:center}.game-goal span{display:block;font-size:10px;color:#9ca39e}.game-goal b{font-size:18px}.blue-text{color:var(--blue-dark)}.green-text{color:var(--green-dark)}.orange-text{color:var(--orange-dark)}.play-area{border-radius:26px;position:relative;overflow:hidden;min-height:380px;border:1px solid rgba(0,0,0,.08);box-shadow:var(--shadow)}.adventure-area{background:linear-gradient(#90d9f3 0 72%,#c4ece5 72%);height:380px}.sky-decor{position:absolute;background:#fff;border-radius:50px;opacity:.82;width:120px;height:29px}.sky-decor:before,.sky-decor:after{content:'';position:absolute;background:#fff;border-radius:50%}.sky-decor:before{width:50px;height:50px;left:22px;top:-20px}.sky-decor:after{width:70px;height:70px;right:11px;top:-40px}.cloud-d1{top:54px;left:10%;transform:scale(.8)}.cloud-d2{top:113px;right:9%;transform:scale(.62)}.game-star{position:absolute;color:#fff3a4;text-shadow:1px 2px 0 #c7a532;font-size:31px;animation:pulse 1.6s infinite;z-index:4}.gs1{left:25%;top:110px}.gs2{left:49%;top:53px;animation-delay:.3s}.gs3{right:22%;top:128px;animation-delay:.7s}.platform{position:absolute;height:17px;background:#5a9e88;border:3px solid #326f64;border-radius:9px;bottom:76px;width:190px;box-shadow:inset 0 -6px 0 rgba(0,0,0,.1)}.p1{left:6%}.p2{left:38%;bottom:145px}.p3{right:4%;bottom:89px}.finish-platform{right:17%;bottom:48px;width:100px;background:#d1ae4a;border-color:#9d7e2c}.angry-rock{position:absolute;bottom:83px;background:#818e90;color:#424e50;border:3px solid #465254;width:43px;height:35px;border-radius:13px 13px 6px 6px;text-align:center;padding-top:3px;font-size:21px;z-index:5;transform:rotate(-5deg)}.angry-rock small{font-size:10px;color:#f9db61}.o1{left:27%}.o2{right:32%;bottom:151px}.finish-flag{position:absolute;right:22%;bottom:80px;font-size:35px;color:#df7f36;z-index:5}.runner{position:absolute;left:10%;bottom:94px;width:40px;height:74px;background:linear-gradient(90deg,#a9b1b0,#edf0e8 46%,#90999a);border:3px solid #2b3739;clip-path:polygon(0 0,100% 0,81% 76%,50% 100%,18% 76%);z-index:6;transform:rotate(5deg);transition:left .18s ease,bottom .18s ease}.runner:before{content:'';position:absolute;left:-9px;top:9px;width:58px;height:12px;border-radius:4px;background:#364042;border:3px solid #293235}.runner-face{position:absolute;top:29px;left:12px;font-size:20px;color:#273234;font-weight:900}.runner i{position:absolute;bottom:-20px;left:8px;width:20px;height:20px;background:#303a3b;clip-path:polygon(0 0,100% 0,50% 100%)}.play-hint{position:absolute;left:50%;transform:translateX(-50%);bottom:20px;color:#477f72;font-size:11px;font-weight:800}.play-hint span{color:#d3a92f;font-size:18px;vertical-align:middle}.game-controls{display:flex;align-items:center;gap:16px;margin-top:18px}.control-pad{display:flex;gap:7px;direction:ltr}.control-pad button{width:42px;height:37px;border-radius:10px;background:#fff;border:1px solid var(--line);font-weight:900;color:#4a8587;box-shadow:0 3px 0 #dfddd3}.control-pad button:hover{transform:translateY(-2px)}.live-message{flex:1;text-align:center;font-size:13px;font-weight:800;color:#5d7770;background:#f0f4ec;border-radius:11px;padding:11px}.secondary-button{background:#fff;border:1px solid var(--line);color:#747d79;border-radius:10px;padding:10px 14px;font-size:11px;font-weight:800}.secondary-button:hover{background:#f5f4eb;color:var(--ink)}.sharpen-area{height:380px;background:linear-gradient(145deg,#d6f3d4,#8bdcab)}.sharpen-intro{position:absolute;top:32px;left:50%;transform:translateX(-50%);text-align:center;color:#2f8752;font-size:14px;font-weight:800}.hammer-icon{display:block;font-size:34px;margin-bottom:5px}.timing-meter{position:absolute;top:68px;left:50%;width:min(550px,75%);transform:translateX(-50%)}.meter-track{height:22px;background:#ec6759;border:4px solid #253a3b;border-radius:30px;position:relative;overflow:hidden}.meter-track .meter-green{position:absolute;left:39%;width:22%;height:100%;background:#43ae68}.meter-track .meter-red{position:absolute;background:#ef6b5c;height:100%}.meter-track .left{left:0;width:39%}.meter-track .right{right:0;width:39%}.meter-track i{position:absolute;top:-12px;left:0;width:5px;height:42px;background:#283638;border-radius:5px;box-shadow:0 0 0 3px rgba(255,255,255,.6);transition:left .06s linear}.meter-labels{display:flex;justify-content:space-between;font-size:9px;color:#6d8676;margin-top:7px}.meter-labels b{color:#2c9657}.sharpen-stage{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);width:280px;height:170px;text-align:center}.forge-glow{position:absolute;width:240px;height:140px;bottom:0;left:20px;background:radial-gradient(ellipse,#89d286,transparent 68%)}.big-anvil{position:absolute;bottom:5px;left:50%;transform:translateX(-50%);font-size:112px;line-height:.7;color:#48565b;filter:drop-shadow(4px 7px 0 #2f4142)}.big-anvil span{display:block;font-size:10px;color:#3f7659;filter:none;margin-top:12px}.forge-sword{position:absolute;bottom:65px;left:83px;font-size:74px;transform:rotate(-37deg);filter:drop-shadow(3px 4px 0 #344c51);z-index:2}.sharpen-score{position:absolute;right:42px;bottom:39px;background:rgba(255,255,255,.55);padding:13px 15px;border-radius:14px;min-width:155px;color:#347c50}.sharpen-score span{font-size:10px}.sharpen-score strong{display:block;font-size:22px}.power-bar{height:7px;background:#c4e4c8;border-radius:10px;margin-top:4px;overflow:hidden}.power-bar i{display:block;width:0;height:100%;background:#2ca058;border-radius:10px;transition:width .4s}.sharpen-controls{justify-content:center;position:relative}.hammer-button{background:#258d54;box-shadow:0 7px 0 #176d3e}.hammer-button:hover{box-shadow:0 10px 0 #176d3e}.sharpen-controls .live-message{max-width:320px;color:#3c8859;background:#e9f7e8}.dragon-area{height:380px;background:radial-gradient(circle at 50% 70%,#b45a2c,#602f27 45%,#261e22 100%)}.dragon-area:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center bottom,rgba(255,141,41,.28),transparent 57%);pointer-events:none}.cave-stalactite{position:absolute;top:0;width:70px;height:85px;background:#1e1b22;clip-path:polygon(0 0,100% 0,55% 100%)}.st1{left:5%}.st2{left:48%;height:47px;width:49px}.st3{right:9%;height:106px}.battle-ui{position:absolute;top:22px;width:220px;background:rgba(18,22,26,.65);border:1px solid rgba(255,255,255,.18);border-radius:13px;padding:9px 11px;color:white;z-index:3}.hero-ui{left:28px}.dragon-ui{right:28px}.battle-avatar{float:right;font-size:24px;margin-left:8px}.dragon-face{font-size:22px}.battle-ui b{display:block;font-size:11px;margin:2px 0 7px}.health-track{height:8px;background:#4d3532;border-radius:10px;overflow:hidden}.health-track i{display:block;width:100%;height:100%;background:#59c56d;border-radius:10px;transition:width .35s}.dragon-ui .health-track i{background:#ea6e4d}.battle-ui small{font-size:9px;color:#cac7bb;display:block;margin-top:5px}.dragon-boss{position:absolute;right:27%;bottom:45px;font-size:105px;z-index:2;filter:drop-shadow(5px 9px 0 rgba(22,13,13,.38));transition:transform .2s}.boss-fire{position:absolute;font-size:26px;left:7px;top:35px}.battle-hero{position:absolute;left:27%;bottom:38px;font-size:106px;z-index:2;transform:scaleX(-1);filter:drop-shadow(3px 7px 0 rgba(22,13,13,.38));transition:transform .2s}.battle-hero span{position:absolute;font-size:33px;bottom:26px;left:25px;transform:scaleX(-1);color:#263132}.battle-log{position:absolute;bottom:17px;left:50%;transform:translateX(-50%);width:min(390px,70%);color:#ffe0a4;background:rgba(21,18,20,.62);border:1px solid rgba(255,205,128,.3);border-radius:12px;text-align:center;padding:10px;font-size:11px;z-index:4}.battle-controls{justify-content:center;flex-wrap:wrap}.battle-button{min-width:145px;padding:10px 15px 9px;border-radius:13px;color:#fff;display:grid;grid-template-columns:34px 1fr;text-align:right;align-items:center;box-shadow:0 4px 0 rgba(0,0,0,.19);transition:.2s}.battle-button:hover{transform:translateY(-3px)}.battle-button:active{transform:translateY(2px)}.battle-button span{grid-row:span 2;font-size:24px;text-align:center}.battle-button b{font-size:12px}.battle-button small{font-size:9px;opacity:.78}.battle-button.fire{background:#d95037}.battle-button.slash{background:#3e8fb8}.battle-button.defend{background:#596b75}.toast{position:fixed;bottom:23px;left:50%;transform:translate(-50%,20px);background:#20292b;color:#fff;padding:12px 17px;border-radius:12px;font-size:12px;box-shadow:0 10px 25px rgba(0,0,0,.18);opacity:0;pointer-events:none;transition:.25s;z-index:20}.toast.show{opacity:1;transform:translate(-50%,0)}footer{border-top:1px solid var(--line);margin-top:42px;padding:18px 0 24px;display:flex;justify-content:space-between;font-size:10px;color:#9ba19b}footer b{color:var(--gold);font-size:15px;vertical-align:middle}@keyframes float{0%,100%{transform:translateY(0) rotate(7deg)}50%{transform:translateY(-10px) rotate(4deg)}}@keyframes pulse{0%,100%{transform:scale(1);opacity:.9}50%{transform:scale(1.23);opacity:1}}@keyframes screenIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes hit{30%{transform:translateX(14px) scale(1.06)}70%{transform:translateX(-10px)}to{transform:none}}@media(max-width:900px){.page-shell{padding:0 22px}.topbar-center{display:none}.hero-copy{padding:35px 31px}.hero-copy h1{font-size:36px}.hero-art{min-width:260px}.sword-character.large{right:30%;transform:rotate(7deg) scale(1.1)}.game-grid{gap:12px}.card-content{padding:13px}.card-content h3{font-size:15px}.card-content p{font-size:10px}.leader-layout{grid-template-columns:1fr}.podium{min-height:300px}.sharpen-score{right:20px}}
@media(max-width:640px){.page-shell{padding:0 14px}.topbar{height:74px}.brand{font-size:21px}.brand-mark{transform:scale(.82);margin-left:-5px}.top-actions{gap:6px}.profile-chip{padding:5px}.profile-chip>span:nth-child(2){display:none}.stats-strip{overflow-x:auto;padding-bottom:4px;margin:16px 0}.stat-card{min-width:165px}.stat-card.level{min-width:210px}.hero-panel{display:block;min-height:535px}.hero-copy{max-width:100%;padding:28px 22px 0}.hero-copy h1{font-size:33px}.hero-copy p{font-size:13px}.hero-art{height:230px;min-width:0}.hero-shield{width:160px;height:185px;right:24%;top:4%}.sword-character.large{right:37%;bottom:7px;transform:rotate(7deg) scale(.93)}.art-caption{left:28%;bottom:3px}.section-heading{align-items:start;gap:10px;flex-direction:column;margin-top:30px}.section-heading h2{font-size:21px}.heading-note{font-size:10px}.game-grid{grid-template-columns:1fr}.game-card{display:grid;grid-template-columns:40% 60%;grid-template-rows:auto 1fr}.game-card .card-top{grid-column:1/3}.card-visual{height:182px;margin:0 8px 12px}.card-content{padding:7px 13px}.card-content h3{font-size:15px}.card-content p{min-height:0;margin-top:7px}.card-footer{margin-top:12px}.screen{padding-top:22px}.screen-header,.game-screen-head{align-items:start}.screen-header h2,.game-screen-head h2{font-size:22px}.game-screen-head{flex-direction:column}.game-goal{align-self:stretch;text-align:right;display:flex;align-items:center;justify-content:space-between}.play-area{min-height:340px;height:340px}.adventure-area,.sharpen-area,.dragon-area{height:340px}.platform{width:140px}.p2{left:35%}.o2{right:28%}.runner{bottom:92px}.game-controls{flex-wrap:wrap}.live-message{order:3;flex-basis:100%}.sharpen-score{right:12px;bottom:23px;min-width:120px;padding:9px}.big-anvil{font-size:94px}.forge-sword{left:78px}.timing-meter{width:90%;top:65px}.dragon-boss{right:11%;font-size:80px}.battle-hero{left:11%;font-size:82px}.battle-ui{width:44%;padding:7px}.hero-ui{left:10px}.dragon-ui{right:10px}.battle-log{width:84%;bottom:10px}.battle-button{flex:1;min-width:125px}.battle-controls .secondary-button{flex-basis:100%}footer{margin-top:25px;gap:10px;flex-direction:column}}

/* Settings and theme layer */
.settings-overlay{position:fixed;inset:0;background:rgba(20,26,27,.48);backdrop-filter:blur(7px);display:grid;place-items:center;padding:18px;z-index:30}.settings-overlay[hidden]{display:none}.settings-panel{width:min(470px,100%);background:var(--cream);border:1px solid var(--line);border-radius:25px;padding:27px;box-shadow:0 24px 80px rgba(0,0,0,.25);position:relative;animation:screenIn .25s ease}.settings-close{position:absolute;top:15px;left:16px;width:32px;height:32px;border-radius:10px;background:var(--line);color:var(--muted);font-size:23px;line-height:1}.settings-heading{display:flex;align-items:center;gap:12px;margin-bottom:25px}.settings-heading h2{margin:0;font-size:25px}.settings-icon{width:46px;height:46px;border-radius:14px;background:#fff0b9;color:#bf941a;display:grid;place-items:center;font-size:23px}.settings-group{border-top:1px solid var(--line);padding:19px 0 2px}.settings-group h3{font-size:13px;margin:0 0 12px}.segmented{display:flex;background:var(--line);padding:4px;border-radius:12px;gap:4px}.segmented button{flex:1;padding:9px;border-radius:9px;background:transparent;color:var(--muted);font-size:12px;font-weight:800}.segmented button.active{background:var(--cream);color:var(--ink);box-shadow:0 2px 7px rgba(0,0,0,.08)}.setting-row{display:flex;align-items:center;gap:10px;min-height:54px;position:relative}.setting-row>span{flex:1}.setting-row b,.setting-row small{display:block}.setting-row b{font-size:12px}.setting-row small{font-size:10px;color:var(--muted);margin-top:3px}.setting-row output{font-size:11px;color:var(--blue-dark);font-weight:800;width:35px;text-align:left}.volume-range{width:125px;accent-color:var(--gold)}.toggle-row{cursor:pointer}.toggle-row input{position:absolute;opacity:0}.toggle-ui{width:42px;height:24px;border-radius:20px;background:#c8ccc7;position:relative;transition:.2s}.toggle-ui:after{content:'';position:absolute;width:18px;height:18px;top:3px;right:3px;background:#fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.18);transition:.2s}.toggle-row input:checked+.toggle-ui{background:var(--green)}.toggle-row input:checked+.toggle-ui:after{right:21px}.theme-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.theme-options button{border:1px solid var(--line);background:transparent;color:var(--muted);padding:12px;border-radius:12px;display:flex;justify-content:center;gap:8px;align-items:center;font-size:12px}.theme-options button span{font-size:20px}.theme-options button.active{border-color:var(--gold);background:#fff9df;color:var(--ink);box-shadow:0 0 0 2px rgba(246,200,76,.2)}.settings-done{width:100%;margin-top:21px}.settings-done span{margin-right:8px}.dark-mode{--cream:#171d20;--ink:#f3f3ec;--muted:#a9b1ad;--line:#303a3e;--shadow:0 16px 40px rgba(0,0,0,.28);background:#111719}.dark-mode .topbar,.dark-mode footer{border-color:var(--line)}.dark-mode .stat-card,.dark-mode .game-card,.dark-mode .leader-table,.dark-mode .game-goal,.dark-mode .profile-chip,.dark-mode .icon-button{background:#20292c;border-color:var(--line)}.dark-mode .hero-panel,.dark-mode .podium{background:#222b2e;border-color:var(--line)}.dark-mode .hero-panel:after{background:linear-gradient(transparent,rgba(0,0,0,.24))}.dark-mode .hero-copy p,.dark-mode .card-content p,.dark-mode .screen-header p,.dark-mode .game-screen-head p{color:#abb2ae}.dark-mode .level-progress{background:#394346}.dark-mode .level-badge{background:#4f472b;color:#f6d36b}.dark-mode .coin-icon{background:#4b4124}.dark-mode .gem-icon{background:#263e49}.dark-mode .settings-panel{background:#20292c}.dark-mode .segmented{background:#303a3e}.dark-mode .segmented button.active{background:#171d20;color:var(--ink)}.dark-mode .settings-icon{background:#4b4124}.dark-mode .theme-options button.active{background:#4b4124}.dark-mode .secondary-button,.dark-mode .settings-close{background:#303a3e;color:var(--ink);border-color:var(--line)}.dark-mode .leader-row{border-color:var(--line)}.dark-mode .leader-row.you{background:#4b4124}.dark-mode .leader-table{box-shadow:var(--shadow)}.dark-mode .heading-note,.dark-mode footer{color:#89938d}.dark-mode .hero-shield{background:rgba(50,60,62,.45);border-color:rgba(155,170,165,.25)}
@media(max-width:640px){.settings-panel{padding:23px 18px}.settings-heading{margin-bottom:18px}.volume-range{width:105px}}

.account-overlay{position:fixed;inset:0;background:rgba(20,26,27,.48);backdrop-filter:blur(7px);display:grid;place-items:center;padding:18px;z-index:31}.account-overlay[hidden]{display:none}.account-panel{width:min(430px,100%);background:var(--cream);border:1px solid var(--line);border-radius:25px;padding:27px;box-shadow:0 24px 80px rgba(0,0,0,.25);position:relative;animation:screenIn .25s ease}.account-avatar-editor{text-align:center;margin:3px 0 22px}.account-avatar-preview{width:90px;height:90px;border-radius:28px;margin:0 auto 13px;display:grid;place-items:center;background:linear-gradient(145deg,#f6c84c,#df9d29);color:#fff;font-size:34px;font-weight:900;overflow:hidden;box-shadow:0 9px 22px rgba(186,135,31,.2)}.account-avatar-preview img{width:100%;height:100%;object-fit:cover}.avatar-upload{display:inline-flex;align-items:center;gap:6px;color:var(--blue-dark);font-size:11px;font-weight:800;cursor:pointer}.avatar-upload span:first-child{width:22px;height:22px;border-radius:7px;background:#dff3fc;display:grid;place-items:center}.avatar-upload input{display:none}.account-field{display:block}.account-field>span{display:block;font-size:12px;font-weight:800;margin-bottom:7px}.account-field input{width:100%;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);padding:12px 13px;font:inherit;font-size:13px;outline:none;transition:.2s}.account-field input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(74,155,209,.14)}.account-note{font-size:10px;color:var(--muted);margin:9px 0 0}.dark-mode .account-panel{background:#20292c}.dark-mode .account-field input{background:#171d20;color:var(--ink);border-color:var(--line)}.profile-chip{cursor:pointer}.profile-chip:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.profile-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}
@media(max-width:640px){.account-panel{padding:23px 18px}}

/* Flappy Sayf experience */
.pause-button{position:absolute;top:26px;left:24px;background:rgba(255,255,255,.9);border:1px solid var(--line);border-radius:13px;padding:9px 12px;font-size:19px;box-shadow:var(--shadow);z-index:5}.game-screen{position:relative}.flappy-area{height:480px;min-height:480px;background:linear-gradient(#84d5f1 0 78%,#9bd6a2 78%);isolation:isolate;touch-action:none;cursor:pointer}.flappy-area:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 18% 25%,rgba(255,255,255,.55),transparent 20%),linear-gradient(180deg,rgba(255,255,255,.12),transparent 42%);z-index:-1}.flappy-ground{position:absolute;bottom:0;left:0;right:0;height:22%;background:repeating-linear-gradient(135deg,#81c58e 0 18px,#95d49c 18px 36px);border-top:5px solid #5eae77}.flappy-cloud{position:absolute;width:115px;height:25px;background:#fff;border-radius:30px;opacity:.78}.flappy-cloud:before,.flappy-cloud:after{content:'';position:absolute;background:#fff;border-radius:50%}.flappy-cloud:before{width:43px;height:43px;left:18px;top:-22px}.flappy-cloud:after{width:58px;height:58px;right:13px;top:-33px}.fc1{top:18%;left:8%}.fc2{top:37%;right:13%;transform:scale(.72)}.flappy-player{position:absolute;top:48%;left:18%;width:54px;height:78px;z-index:6;transition:transform .08s linear;filter:drop-shadow(3px 6px 2px rgba(34,66,66,.22))}.flappy-player img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.flappy-pipe{position:absolute;display:block;width:62px;background:linear-gradient(90deg,#4e984f,#94d46e 45%,#367f46);border:4px solid #286c3f;border-radius:7px;z-index:4;box-shadow:inset 5px 0 rgba(255,255,255,.2)}.flappy-pipe:after{content:'';position:absolute;left:-8px;right:-8px;height:22px;background:#71bd5c;border:4px solid #286c3f;border-radius:8px}.pipe-top:after{bottom:-4px}.pipe-bottom:after{top:-4px}.flappy-coin{position:absolute;z-index:7;width:31px;height:31px;border-radius:50%;background:#ffd34e;border:3px solid #b27c1d;display:grid;place-items:center;color:#fff8bd;font-size:16px;box-shadow:0 3px 0 rgba(141,103,22,.3)}.flappy-start{position:absolute;inset:0;display:grid;place-content:center;text-align:center;background:rgba(27,63,65,.2);color:#fff;font-size:22px;font-weight:900;text-shadow:0 2px 5px rgba(0,0,0,.35);z-index:10}.flappy-start small{font-size:12px;margin-top:10px}.flappy-start[hidden]{display:none}.pause-overlay{position:fixed;inset:0;background:rgba(12,22,25,.55);backdrop-filter:blur(8px);z-index:40;display:grid;place-items:center;padding:20px}.pause-overlay[hidden],.flight-card[hidden]{display:none}.pause-panel{width:min(340px,100%);background:var(--cream);border:1px solid var(--line);border-radius:25px;padding:35px 24px;text-align:center;box-shadow:0 24px 80px rgba(0,0,0,.3)}.pause-symbol{font-size:38px}.pause-panel h2{margin:12px 0 24px}.pause-actions{display:flex;justify-content:center;gap:12px}.pause-actions button{min-width:105px}.flight-card{position:fixed;left:-360px;bottom:12%;display:flex;align-items:center;gap:0;z-index:35;animation:flightAcross 9s linear forwards;pointer-events:none}.flight-plane{font-size:55px;transform:rotate(-10deg);filter:drop-shadow(2px 5px 2px rgba(0,0,0,.2))}.flight-paper{display:block;background:#fffdf0;color:#242b2d;border:2px solid #d9c66a;border-radius:6px;padding:10px 15px;font-size:13px;font-weight:800;box-shadow:4px 6px 0 rgba(44,55,51,.16);transform:rotate(-3deg);white-space:nowrap}.flight-paper b{color:#d65b35;font-size:12px}.profile-chip small [data-rank]{color:var(--blue-dark);font-weight:900}.dark-mode .pause-panel{background:#20292c}.dark-mode .flappy-area{border-color:#34474a}.dark-mode .profile-chip{background:#20292c;color:var(--ink)}
@keyframes flightAcross{from{left:-360px}to{left:calc(100% + 360px)}}
@media(max-width:700px){.pause-button{top:17px;left:14px}.flappy-area{height:430px;min-height:430px}.flappy-player{width:46px;height:68px;left:17%}.flappy-pipe{width:49px}.game-screen-head{padding-top:28px}.game-screen-head h2{font-size:21px}.game-screen-head p{font-size:11px}.game-goal{min-width:88px}.flight-card{bottom:18%}.flight-paper{font-size:11px}.flight-paper b{font-size:10px}}
.flappy-area:after{content:'';position:absolute;left:0;right:0;bottom:20%;height:29%;background:linear-gradient(160deg,transparent 0 28%,rgba(73,155,103,.85) 29% 58%,rgba(54,128,85,.9) 59%);clip-path:polygon(0 55%,14% 27%,28% 58%,44% 12%,59% 55%,75% 20%,100% 58%,100% 100%,0 100%);z-index:-1;opacity:.8}.flappy-nature{position:absolute;inset:0;z-index:1;pointer-events:none}.flappy-nature span{position:absolute;font-size:42px;filter:drop-shadow(2px 3px 1px rgba(31,87,55,.22));bottom:22%}.flappy-nature span:nth-child(1){left:5%}.flappy-nature span:nth-child(2){left:34%;bottom:25%;font-size:35px}.flappy-nature span:nth-child(3){right:26%;bottom:23%;font-size:52px}.flappy-nature span:nth-child(4){right:4%;bottom:24%;font-size:38px}.flappy-player{z-index:6}