@font-face{font-family:Watad;src:url(../../../fonts/watad-font.otf) format("opentype");font-weight:400;font-display:swap}@font-face{font-family:Handicrafts;src:url(../../../fonts/TheYearofHandicrafts-Regular.otf) format("opentype");font-weight:400;font-display:swap}@font-face{font-family:Handicrafts;src:url(../../../fonts/TheYearofHandicrafts-SemiBold.otf) format("opentype");font-weight:600;font-display:swap}@font-face{font-family:Handicrafts;src:url(../../../fonts/TheYearofHandicrafts-Bold.otf) format("opentype");font-weight:700;font-display:swap}*{margin:0;padding:0;box-sizing:border-box}:root{--lbp-sky-top: #5bc0eb;--lbp-sky-mid: #81d4f7;--lbp-sky-bottom: #b3e5fc;--lbp-cardboard: #a07848;--lbp-cardboard-dark: #7a6340;--lbp-cardboard-light: #c49a6c;--lbp-green: #7cb342;--lbp-green-bright: #8bc34a;--lbp-pink: #e91e76;--lbp-cyan: #00acd6;--lbp-orange: #ff8c42;--lbp-yellow: #ffd54f;--lbp-white: #ffffff;--lbp-dark: #2c3e50;--lbp-shadow: rgba(0, 0, 0, .25);--font-display: "Watad", "Handicrafts", "Tajawal", sans-serif;--font-body: "Tajawal", sans-serif}html{height:100%;scroll-behavior:smooth;-webkit-text-size-adjust:100%;background-color:#080e14;background-image:url(../../../images/blueprint-pattern.png);background-size:456px;background-repeat:repeat}body{font-family:var(--font-body);background-color:#080e14;background-image:radial-gradient(ellipse at 50% 0%,rgba(10,40,60,.5) 0%,transparent 50%),radial-gradient(ellipse at 20% 100%,rgba(10,30,50,.3) 0%,transparent 40%),url(../../../images/blueprint-pattern.png);background-size:auto,auto,456px;background-repeat:no-repeat,no-repeat,repeat;min-height:100vh;color:#fff;overflow-x:hidden;-webkit-overflow-scrolling:touch;touch-action:pan-y pan-x;display:flex;flex-direction:column;direction:rtl;position:relative}.page-wrapper{display:flex;flex-direction:column;min-height:100vh;width:100%}.homepage-container{display:flex;flex-direction:column;min-height:100vh;position:relative;overflow:hidden}.particles{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;overflow:hidden}.particle{position:absolute;opacity:0;animation:particle-float linear infinite}.particle-star{color:var(--lbp-yellow);font-size:14px}.particle-gear{color:#ffffff40;font-size:18px}.particle-sparkle{color:var(--lbp-cyan);font-size:10px}.particle:nth-child(1){left:5%;animation-duration:18s;animation-delay:0s}.particle:nth-child(2){left:15%;animation-duration:22s;animation-delay:-3s}.particle:nth-child(3){left:25%;animation-duration:16s;animation-delay:-7s}.particle:nth-child(4){left:40%;animation-duration:25s;animation-delay:-2s}.particle:nth-child(5){left:55%;animation-duration:20s;animation-delay:-10s}.particle:nth-child(6){left:65%;animation-duration:19s;animation-delay:-5s}.particle:nth-child(7){left:75%;animation-duration:23s;animation-delay:-8s}.particle:nth-child(8){left:85%;animation-duration:17s;animation-delay:-12s}.particle:nth-child(9){left:92%;animation-duration:21s;animation-delay:-1s}@keyframes particle-float{0%{transform:translateY(110vh) rotate(0);opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translateY(-10vh) rotate(360deg);opacity:0}}.header{background-color:var(--lbp-cardboard-dark);background-image:url(../../../images/cardboard-texture.png);background-repeat:repeat;background-size:400px 400px;padding:18px 20px;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:20;box-shadow:0 4px 15px #0000004d}.header:after{content:"";position:absolute;bottom:-14px;left:0;right:0;height:15px;z-index:21;background-color:var(--lbp-cardboard-dark);background-image:url(../../../images/cardboard-edge.png);background-size:200px 10px;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 15' preserveAspectRatio='none'%3E%3Cpath d='M0,0 L1200,0 L1200,3 Q1150,12 1100,4 Q1060,10 1020,3 Q980,13 940,5 Q900,11 860,2 Q820,14 780,4 Q740,10 700,3 Q660,12 620,5 Q580,9 540,2 Q500,13 460,4 Q420,11 380,3 Q340,14 300,5 Q260,10 220,2 Q180,12 140,5 Q100,9 60,3 Q30,11 0,4 Z' fill='white'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 15' preserveAspectRatio='none'%3E%3Cpath d='M0,0 L1200,0 L1200,3 Q1150,12 1100,4 Q1060,10 1020,3 Q980,13 940,5 Q900,11 860,2 Q820,14 780,4 Q740,10 700,3 Q660,12 620,5 Q580,9 540,2 Q500,13 460,4 Q420,11 380,3 Q340,14 300,5 Q260,10 220,2 Q180,12 140,5 Q100,9 60,3 Q30,11 0,4 Z' fill='white'/%3E%3C/svg%3E");mask-size:100% 100%;-webkit-mask-size:100% 100%;filter:brightness(.85)}.logo{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;text-decoration:none}.logo-img{height:62px;width:auto}.sound-button{background:#fff3;border:2px dashed rgba(255,255,255,.45);border-radius:50%;width:42px;height:42px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:20px;box-shadow:0 2px 8px #0003}.sound-button:hover{background:#ffffff59;transform:scale(1.1)}main{flex:1;display:flex;flex-direction:column;position:relative;z-index:5}.welcome-container{text-align:center;padding:50px 20px 25px}.welcome-message{display:inline-block;background:#ffffffeb;border:none;border-radius:4px;padding:16px 45px;font-family:var(--font-display);font-size:28px;font-weight:700;color:var(--lbp-dark);box-shadow:0 4px 15px #0000004d,2px 2px #0000001a;position:relative;transform:rotate(-1deg)}.welcome-message:before{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%) rotate(2deg);width:60px;height:18px;background:#ffd54fb3;border-radius:2px;box-shadow:0 1px 3px #0003}.filter-buttons{display:flex;justify-content:center;gap:15px;padding:15px 20px}.filter-btn{background:transparent;border:2px solid rgba(255,255,255,.5);border-radius:20px;padding:10px 28px;font-family:var(--font-display);font-size:18px;font-weight:600;cursor:pointer;transition:all .15s;color:#fff;opacity:.7}.filter-btn:hover{opacity:1}.filter-btn:active{transform:scale(.94);box-shadow:inset 0 2px 6px #0000004d}.filter-btn-all:hover{background:#9b59b6;border-color:#fff}.filter-btn-resources:hover{background:#27ae60;border-color:#fff}.filter-btn-games:hover{background:var(--lbp-cyan);border-color:#fff}.filter-btn.active{opacity:1;border-color:#fff}.filter-btn-all.active{background:#9b59b6}.filter-btn-resources.active{background:#27ae60}.filter-btn-games.active{background:var(--lbp-cyan)}.games-grid{display:flex;justify-content:center;gap:25px;max-width:1400px;margin:0 auto;padding:25px 20px;flex-wrap:wrap;position:relative}.games-grid:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;height:120%;background:radial-gradient(ellipse at center,rgba(0,172,214,.08) 0%,rgba(0,172,214,.03) 40%,transparent 70%);pointer-events:none;z-index:0}.game-card{position:relative;background:url(../../../images/cardboard-texture.png);background-size:350px 350px;background-repeat:repeat;background-color:var(--lbp-cardboard);border-radius:18px;padding:10px;width:270px;height:400px;display:flex;flex-direction:column;cursor:pointer;box-shadow:0 8px 25px #0000004d,inset 0 1px #ffffff26,inset 0 -3px 8px #0003;text-decoration:none;color:inherit;flex-shrink:0;overflow:hidden;border:3px solid rgba(0,0,0,.1);animation:card-bounce-in .6s cubic-bezier(.34,1.56,.64,1) backwards;transition:transform .3s cubic-bezier(.25,.46,.45,.94),box-shadow .3s ease}.game-card:nth-child(1){animation-delay:.1s}.game-card:nth-child(2){animation-delay:.2s}.game-card:nth-child(3){animation-delay:.3s}.game-card:nth-child(4){animation-delay:.4s}.game-card:nth-child(1){transform:rotate(-1.5deg)}.game-card:nth-child(2){transform:rotate(1deg)}.game-card:nth-child(3){transform:rotate(-.5deg)}.game-card:nth-child(4){transform:rotate(1.5deg)}@keyframes card-bounce-in{0%{opacity:0;transform:translateY(40px) scale(.9) rotate(0)}to{opacity:1}}.game-card:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border:2px dashed rgba(255,255,255,.25);border-radius:13px;pointer-events:none;z-index:3}.game-card:hover{transform:translateY(-10px) rotate(0)!important;box-shadow:0 10px 30px #00acd64d,0 0 40px #00acd626,inset 0 1px #fff3,inset 0 -3px 8px #00000040}.card-image{width:100%;height:255px;background-size:cover;background-position:center;background-color:var(--lbp-cardboard-light);background-image:url(../../../images/cardboard-texture.png);background-repeat:repeat;background-size:300px 300px;position:relative;border-radius:10px 10px 0 0;border:2px solid rgba(0,0,0,.1)}.card-image:after{content:"";position:absolute;bottom:-2px;left:-2px;right:-2px;height:0;border-bottom:2px dashed rgba(255,255,255,.7);z-index:2}.card-info{padding:12px;background:linear-gradient(180deg,#2c3e50,#1a2838);flex:1;display:flex;flex-direction:column;justify-content:center;gap:5px;position:relative;border-radius:0 0 10px 10px;border:2px solid rgba(0,0,0,.15);border-top:none}.card-wheel .card-image{background-image:url(../../../images/wheel-preview.png),url(../../../images/cardboard-texture.png);background-size:cover,300px 300px;background-repeat:no-repeat,repeat}.card-encyclopedia .card-image{background-image:url(../../../images/questions-preview.png),url(../../../images/cardboard-texture.png);background-size:cover,300px 300px;background-repeat:no-repeat,repeat}.card-challenge .card-image{background-image:url(../../../images/challenge-preview.png),url(../../../images/cardboard-texture.png);background-size:cover,300px 300px;background-repeat:no-repeat,repeat}.card-hroof .card-image{background-image:url(../../../images/hroof-preview.png),url(../../../images/cardboard-texture.png);background-size:cover,300px 300px;background-repeat:no-repeat,repeat}.card-image:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.25) 2px,rgba(0,0,0,.25) 4px);border-radius:10px 10px 0 0;z-index:1;pointer-events:none}.card-badge{position:absolute;top:250px;right:22px;background:var(--lbp-orange);color:#fff;padding:5px 16px 5px 20px;border-radius:14px;font-family:var(--font-display);font-size:13px;font-weight:600;border:2px solid rgba(255,255,255,.8);box-shadow:0 3px 10px #0006,inset 0 1px #ffffff4d;z-index:5;transform:rotate(-3deg)}.card-badge:after{content:"";position:absolute;top:-1px;left:-1px;width:10px;height:10px;background:linear-gradient(135deg,var(--lbp-cardboard) 50%,transparent 50%);border-radius:0 0 4px}.card-badge.game{background:var(--lbp-cyan);transform:rotate(2deg)}.card-badge.game:after{background:linear-gradient(135deg,var(--lbp-cardboard) 50%,transparent 50%)}.card-title{font-family:var(--font-display);font-size:22px;font-weight:700;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.5);text-align:center;position:relative;z-index:1}.card-description{text-align:center;font-family:var(--font-body);font-size:12px;color:#ffffffa6;font-weight:400;position:relative;z-index:1}.footer{background-color:var(--lbp-cardboard-dark);background-image:url(../../../images/cardboard-texture.png);background-repeat:repeat;background-size:400px 400px;padding:18px 20px;display:flex;justify-content:space-between;align-items:center;margin-top:auto;width:100%;position:relative;z-index:20;box-shadow:0 -4px 15px #0003}.footer:before{content:"";position:absolute;top:-14px;left:0;right:0;height:15px;z-index:21;background-color:var(--lbp-cardboard-dark);background-image:url(../../../images/cardboard-edge.png);background-size:200px 10px;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 15' preserveAspectRatio='none'%3E%3Cpath d='M0,15 L1200,15 L1200,12 Q1160,3 1120,10 Q1080,2 1040,11 Q1000,4 960,10 Q920,1 880,9 Q840,3 800,11 Q760,2 720,10 Q680,4 640,9 Q600,1 560,10 Q520,3 480,11 Q440,4 400,9 Q360,1 320,10 Q280,3 240,11 Q200,4 160,9 Q120,2 80,10 Q40,3 0,11 Z' fill='white'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 15' preserveAspectRatio='none'%3E%3Cpath d='M0,15 L1200,15 L1200,12 Q1160,3 1120,10 Q1080,2 1040,11 Q1000,4 960,10 Q920,1 880,9 Q840,3 800,11 Q760,2 720,10 Q680,4 640,9 Q600,1 560,10 Q520,3 480,11 Q440,4 400,9 Q360,1 320,10 Q280,3 240,11 Q200,4 160,9 Q120,2 80,10 Q40,3 0,11 Z' fill='white'/%3E%3C/svg%3E");mask-size:100% 100%;-webkit-mask-size:100% 100%;filter:brightness(.85)}.footer-right{display:flex;align-items:center;gap:12px}.footer-logo-img{height:40px;width:auto}.developer-text{color:#fffc;font-family:var(--font-body);font-size:20px;font-weight:500;text-shadow:1px 1px 3px rgba(0,0,0,.4)}.footer-left{display:flex;gap:10px}.social-btn{min-width:38px;height:38px;background:#fff3;border:2px dashed rgba(255,255,255,.4);border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:16px;text-decoration:none;color:#fff;padding:0 12px;font-family:var(--font-body);font-weight:600;box-shadow:0 2px 8px #0003}.social-btn:hover{background:#ffffff59;transform:translateY(-2px)}.support-btn{background:#00acd659;border-color:var(--lbp-cyan);color:#fff;font-size:13px}.support-btn:hover{background:#00acd680}.install-banner{position:fixed;bottom:16px;left:16px;right:16px;background:var(--lbp-cardboard-dark);background-image:url(../../../images/cardboard-texture.png);background-size:300px 300px;border-radius:16px;padding:14px 16px;display:flex;align-items:center;gap:12px;z-index:200;box-shadow:0 8px 30px #00000080;border:2px solid rgba(255,255,255,.15);animation:banner-slide-up .4s cubic-bezier(.34,1.56,.64,1)}@keyframes banner-slide-up{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}.install-icon{width:44px;height:44px;border-radius:10px;flex-shrink:0}.install-text{display:flex;flex-direction:column;gap:2px;color:#fff;font-family:var(--font-body);font-size:13px;line-height:1.4}.install-text strong{font-family:var(--font-display);font-size:16px}.install-share-icon{display:inline-block;width:18px;height:18px;color:var(--lbp-cyan);vertical-align:middle;margin:0 2px}.install-close{position:absolute;top:8px;left:8px;background:#ffffff26;border:none;color:#fff;width:24px;height:24px;border-radius:50%;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center}@media (max-width: 1200px){.games-grid{justify-content:center;flex-wrap:wrap;padding:25px 20px;gap:20px}}@media (max-width: 768px){.logo-img{height:44px}.welcome-message{font-size:22px;padding:12px 30px}.filter-btn{font-size:16px;padding:8px 22px}.games-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:10px;overflow-x:visible}.game-card{width:100%;height:auto;padding:6px}.game-card:nth-child(1),.game-card:nth-child(2),.game-card:nth-child(3),.game-card:nth-child(4){transform:none}.game-card:hover{transform:translateY(-5px)!important}.card-image{height:130px}.card-badge{top:126px;font-size:9px;right:12px;padding:2px 8px}.card-info{padding:6px 4px;gap:2px}.card-title{font-size:14px}.card-description{font-size:10px}.footer{display:none}}@media (max-width: 960px) and (orientation: landscape){.header{padding:4px 10px}.logo-img{height:28px}.sound-button{width:28px;height:28px;font-size:14px}.welcome-container{display:none}.filter-buttons{padding:4px 10px;gap:6px}.filter-btn{font-size:11px;padding:4px 12px}.games-grid{display:flex;justify-content:center;gap:10px;padding:6px 10px;overflow-x:visible;flex-wrap:nowrap}.game-card{padding:5px;border-radius:10px;height:auto;width:22vw;flex-shrink:0}.game-card:before{display:none}.card-image{height:45vh;border-radius:6px 6px 0 0}.card-badge{bottom:26px;top:auto;font-size:8px;padding:2px 6px;right:6px}.card-info{flex:none;padding:3px 2px;gap:0}.card-title{font-size:10px}.card-description,.footer{display:none}}@media (max-width: 480px){.header{padding:10px 14px}.logo-img{height:56px}.sound-button{width:38px;height:38px;font-size:18px}.welcome-container{padding:25px 12px 10px}.welcome-message{font-size:16px;padding:10px 18px}.filter-buttons{gap:6px;padding:8px 12px}.filter-btn{font-size:13px;padding:7px 14px;border-width:2px}.games-grid{gap:10px;padding:10px 8px}.game-card{padding:6px;border-radius:14px}.game-card:before{top:4px;right:4px;bottom:4px;left:4px;border-radius:10px}.card-image{height:120px;border-radius:8px 8px 0 0}.card-badge{top:116px;font-size:9px;padding:2px 8px;right:12px}.card-info{padding:8px 6px}.card-title{font-size:14px}.card-description{font-size:10px}.particles{display:none}}.loader-screen.svelte-1m057m8{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background-color:#0d1b2a;background-image:radial-gradient(ellipse at 50% 50%,rgba(0,172,214,.1) 0%,transparent 60%);transition:opacity .6s ease,visibility .6s ease}.loader-fade-out.svelte-1m057m8{opacity:0;visibility:hidden;transition-delay:1.2s}.loader-content.svelte-1m057m8{display:flex;flex-direction:column;align-items:center;gap:24px;animation:svelte-1m057m8-loader-pop .5s cubic-bezier(.34,1.56,.64,1)}.loader-logo.svelte-1m057m8{width:180px;height:auto;filter:drop-shadow(0 4px 20px rgba(0,172,214,.3))}.loader-dots.svelte-1m057m8{display:flex;gap:8px}.loader-dot.svelte-1m057m8{width:10px;height:10px;border-radius:50%;background:var(--lbp-cyan, #00acd6);animation:svelte-1m057m8-loader-bounce 1.2s ease-in-out infinite}.loader-dot.svelte-1m057m8:nth-child(2){animation-delay:.15s;background:var(--lbp-orange, #ff8c42)}.loader-dot.svelte-1m057m8:nth-child(3){animation-delay:.3s;background:var(--lbp-yellow, #ffd54f)}@keyframes svelte-1m057m8-loader-bounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}@keyframes svelte-1m057m8-loader-pop{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.page-wrapper.svelte-1m057m8{opacity:0;transition:opacity .4s ease}.page-visible.svelte-1m057m8{opacity:1}.nav-overlay.svelte-1m057m8{position:fixed;top:0;right:0;bottom:0;left:0;background:#080e1480;z-index:100;pointer-events:none}