@import"https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;700;900&display=swap";.tile-grid{display:grid;grid-template-columns:39cqh 39cqh;grid-template-rows:39cqh 39cqh;gap:5cqh 5.5cqh}.tile-slot{position:relative;cursor:pointer;transition:transform .15s,opacity .5s,filter .15s}.tile-frame{position:absolute;left:-10.46%;top:-10.53%;width:120.92%;height:121.05%;pointer-events:none;-webkit-user-select:none;user-select:none}.tile-inner{position:absolute;top:8%;right:8%;bottom:8%;left:8%;border-radius:11%;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}.tile-image{width:100%;height:100%;object-fit:contain;transform:scale(1.25);mix-blend-mode:multiply;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.tile-slot:hover:not(.empty):not(.fading){transform:scale(1.03);filter:brightness(1.06) drop-shadow(0 0 1.5cqh rgba(255,230,150,.8))}.tile-slot.empty{opacity:0;pointer-events:none;cursor:default}.tile-slot.fading{opacity:0;pointer-events:none;transition:opacity .5s ease}.tile-slot.shaking{animation:shake .4s ease}.chaviv-badge{position:absolute;top:12.5%;left:12.5%;width:7.5cqh;height:7.5cqh;filter:drop-shadow(0 .3cqh .4cqh rgba(0,0,0,.35));pointer-events:none;z-index:2}@keyframes shake{0%,to{transform:translate(0)}15%{transform:translate(-8px)}30%{transform:translate(8px)}45%{transform:translate(-6px)}60%{transform:translate(6px)}75%{transform:translate(-3px)}90%{transform:translate(3px)}}.blessing-label{position:absolute;bottom:10%;left:50%;transform:translate(-50%);padding:.2cqh 1.6cqh;border-radius:999px;background:#ffffffbf;color:#7a5030d9;font-family:Secular One,Rubik,sans-serif;font-size:2.3cqh;line-height:1.3;letter-spacing:.02em;white-space:nowrap;pointer-events:none;z-index:2}.sidebar{position:absolute;top:0;right:0;height:100%;aspect-ratio:778 / 1536;background:url(/ui/panel_transparent.webp) center / 100% 100% no-repeat;font-family:Secular One,Rubik,sans-serif;color:#4a2410;z-index:5}html[lang=en] .sidebar{background-image:url(/ui/panel_transparent_en.webp)}.sidebar>*,.sidebar .hint-books,.sidebar .hint-area{position:absolute;display:flex;align-items:center;justify-content:center}.level-display{left:32.5%;top:28.9%;width:40%;height:6.6%}.level-display img{max-width:100%;max-height:100%;filter:drop-shadow(0 .3cqh .4cqh rgba(0,0,0,.35))}.rama-indicator{left:25.2%;top:42.8%;width:56.3%;height:6.1%}.rama-label{font-size:3.1cqh;line-height:1}.rama-indicator.celebrate{z-index:2}.rama-indicator.celebrate .rama-label{position:relative;animation:ramaPop .9s cubic-bezier(.2,1.6,.4,1) both,ramaShine .7s ease-in-out .8s 3 alternate}.rama-glow{position:absolute;top:-60%;right:-10%;bottom:-60%;left:-10%;border-radius:50%;background:radial-gradient(ellipse at center,rgba(255,214,90,.85) 0%,rgba(255,190,60,.35) 45%,transparent 70%);pointer-events:none;animation:ramaGlow 3.2s ease-out both}.rama-spark{position:absolute;left:50%;top:50%;font-size:3.4cqh;color:#ffe066;text-shadow:0 0 .8cqh rgba(255,200,40,.9);pointer-events:none;opacity:0;animation:ramaSpark 1.4s ease-out var(--d) both}@keyframes ramaPop{0%{transform:scale(.2);opacity:0}60%{transform:scale(1.3);opacity:1}to{transform:scale(1);opacity:1}}@keyframes ramaShine{0%{text-shadow:0 0 0 rgba(255,200,40,0);color:#4a2410}to{text-shadow:0 0 1.2cqh rgba(255,190,30,1),0 0 .3cqh #fff6c8;color:#7a2e00}}@keyframes ramaGlow{0%{opacity:0;transform:scale(.6)}20%{opacity:1;transform:scale(1.05)}45%{opacity:.6;transform:scale(.95)}65%{opacity:1;transform:scale(1.05)}to{opacity:0;transform:scale(1.1)}}@keyframes ramaSpark{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--a)) translate(0) scale(.3)}20%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--a)) translate(12cqh) scale(1.3)}}.lives-container{left:26%;top:52.6%;width:51%;height:8%;gap:1.2cqh}.heart{height:82%;transition:filter .3s,opacity .3s,transform .3s}.heart.lost{filter:grayscale(1) brightness(.6);opacity:.55;transform:scale(.9)}.hint-books{left:20%;top:63.5%;width:66%;height:11.5%;justify-content:space-between}.hint-book{height:100%;cursor:pointer;transition:transform .15s,filter .3s;filter:drop-shadow(0 .4cqh .5cqh rgba(0,0,0,.4))}.hint-book.available:hover{transform:scale(1.08) rotate(-3deg)}.hint-book.used{filter:grayscale(1) brightness(.7);opacity:.45;cursor:default}.hint-area{left:26.5%;top:78%;width:54%;height:9.4%;flex-direction:column;text-align:center;padding:0 1cqh}.hint-label{font-size:3cqh;line-height:1.1}.hint-placeholder{font-family:Rubik,sans-serif;font-size:1.8cqh;color:#6b4426}.hint-text{font-family:Rubik,sans-serif;font-weight:500;font-size:1.75cqh;line-height:1.3}.settings-gear{left:42.25%;top:89.5%;width:16%;aspect-ratio:161 / 164;background:none;border:none;padding:0;cursor:pointer;transition:transform .4s}.settings-gear:hover{transform:rotate(45deg)}.settings-gear.muted img{filter:grayscale(.8) brightness(.75) drop-shadow(0 .3cqh .4cqh rgba(0,0,0,.4))}.mute-badge{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:3.2cqh;pointer-events:none}.settings-gear img{width:100%;filter:drop-shadow(0 .3cqh .4cqh rgba(0,0,0,.4))}.toast{--w: 84cqh;position:absolute;top:50%;left:calc((100cqw - 50.65cqh)/2);width:var(--w);aspect-ratio:1000 / 344;padding:calc(var(--w) * .03) calc(var(--w) * .13) calc(var(--w) * .035);display:flex;align-items:center;justify-content:center;gap:2.5cqh;background:url(/ui/toast_scroll.webp) center / 100% 100% no-repeat;filter:drop-shadow(0 1.2cqh 1.2cqh rgba(30,12,0,.6)) drop-shadow(0 3cqh 5cqh rgba(0,0,0,.7)) drop-shadow(0 0 8cqh rgba(0,0,0,.5));text-align:center;z-index:90;pointer-events:none;animation:toastIn .35s cubic-bezier(.2,1.3,.4,1) both,toastOut .4s ease 2.6s forwards}.toast-heart{flex:none;height:7.5cqh;animation:heartLost .9s ease .15s both}.toast-text{display:flex;flex-direction:column;align-items:center}.toast-title{font-family:Secular One,Rubik,sans-serif;font-size:4.4cqh;line-height:1.15;color:#6b3a1c}.toast-hint{font-family:Rubik,sans-serif;font-weight:500;font-size:2.8cqh;line-height:1.35;color:#7a5030}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.85)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes toastOut{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.95)}}@keyframes heartLost{0%{transform:scale(1) rotate(0);filter:none}20%{transform:scale(1.15) rotate(-10deg)}40%{transform:scale(1.1) rotate(8deg)}60%{transform:scale(1) rotate(-4deg);filter:none;opacity:1}to{transform:scale(.9) rotate(0);filter:grayscale(1) brightness(.75);opacity:.7}}.game-container{width:100vw;height:100vh;max-width:177.78vh;max-height:56.25vw;display:flex;direction:rtl;background:#8cc8ea url(/ui/bg.jpg) center / cover no-repeat;overflow:hidden;position:relative;container-type:size}.game-main{position:absolute;top:0;bottom:0;left:0;right:50.65cqh;display:flex;align-items:center;justify-content:center}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .3s ease}.overlay-box{background:linear-gradient(145deg,#f5e6c8,#e8d4a8);border:4px solid #8B4513;border-radius:20px;padding:40px 60px;text-align:center;box-shadow:0 10px 40px #00000080}.overlay-box h1{font-size:2.5rem;color:#5c3317;margin-bottom:10px}.overlay-box p{font-size:1.3rem;color:#7a5030;margin-bottom:25px}.overlay-btn{font-family:Rubik,sans-serif;font-size:1.3rem;font-weight:700;background:linear-gradient(145deg,#8b4513,#6b3510);color:#fff8e7;border:none;border-radius:12px;padding:12px 40px;cursor:pointer;transition:transform .15s,box-shadow .15s}.overlay-btn:hover{transform:scale(1.05);box-shadow:0 4px 15px #8b451366}.end-box{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background-position:center;background-size:100% 100%;background-repeat:no-repeat;filter:drop-shadow(0 1.5cqh 3cqh rgba(0,0,0,.45));font-family:Rubik,sans-serif;animation:endPop .45s cubic-bezier(.2,1.3,.4,1) both}.end-box h1{font-family:Secular One,Rubik,sans-serif;font-size:7cqh;line-height:1.1;color:#6b3a1c;margin-bottom:1cqh}.end-box .overlay-btn{font-size:2.8cqh;padding:1.3cqh 5cqh;border-radius:1.4cqh}@keyframes endPop{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.lose-box{width:92cqh;aspect-ratio:1080 / 751;padding:10.7cqh 16cqh 14.2cqh;background-image:url(/ui/lose_panel.webp)}.win-box{width:92cqh;aspect-ratio:1167 / 835;padding:23.1cqh 16cqh 12.4cqh;background-image:url(/ui/win_panel.webp)}.win-box h1{font-size:8cqh;color:#7a4a12;text-shadow:0 0 2cqh rgba(255,210,90,.6)}.win-text{font-size:3.2cqh;color:#7a5030;margin-bottom:3.5cqh}.lose-level{font-size:3cqh;color:#7a5030;margin-bottom:2.5cqh}.lose-hint{font-size:2.5cqh;line-height:1.45;color:#6b3a1c;background:#8b5a281a;border-radius:1.2cqh;padding:1.2cqh 2.5cqh;margin-bottom:3cqh}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.about-box{--frame: 11cqh;--inner: calc(var(--frame) * .6);position:relative;isolation:isolate;width:min(98cqw,104cqh);padding:calc(var(--inner) + 1cqh) calc(var(--inner) + 3.5cqh) calc(var(--inner) + 1.5cqh);background:none;border:none;border-radius:0;box-shadow:none;filter:drop-shadow(0 1.5cqh 3cqh rgba(0,0,0,.5));font-family:Rubik,sans-serif}.about-box:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border:var(--frame) solid transparent;border-image:url(/ui/tile_frame.png) 210 / var(--frame) stretch;pointer-events:none}.about-box:before{content:"";position:absolute;inset:calc(var(--frame) * .55);z-index:-1;border-radius:2cqh;background:radial-gradient(ellipse at 50% 40%,rgba(255,252,238,.9),transparent 70%),radial-gradient(ellipse at 50% 50%,transparent 55%,rgba(170,120,60,.22) 100%),#f3e3bf;box-shadow:inset 0 0 2cqh #78461440}.about-box h1{font-family:Secular One,Rubik,sans-serif;font-size:5.5cqh;margin-bottom:1.5cqh}.about-box p{margin-bottom:2cqh;line-height:1.45}.about-lead{font-size:3cqh!important;font-weight:700;color:#5c3317!important}.about-origin{font-size:2.4cqh!important}.about-credits{display:grid;gap:.9cqh;margin:0 auto 3cqh;padding:2cqh 3cqh;background:#8b451314;border:1px solid rgba(139,69,19,.25);border-radius:1.5cqh;font-size:2.4cqh;color:#5c3317}.about-credits>div{display:flex;justify-content:space-between;gap:3cqh}.about-credits dt{font-weight:700;color:#8b4513;white-space:nowrap}.about-credits dd{text-align:left}.about-box .overlay-btn{font-size:2.6cqh;padding:1.2cqh 4.5cqh;border-radius:1.4cqh}.about-close{position:absolute;top:calc(var(--inner) + .8cqh);left:calc(var(--inner) + .8cqh);width:4.5cqh;height:4.5cqh;border:none;border-radius:50%;background:#8b45131f;color:#5c3317;font-size:2.4cqh;cursor:pointer}.about-close:hover{background:#8b451340}.settings-row{display:flex;gap:2cqh;justify-content:center;margin-bottom:2.5cqh}.settings-toggle{flex:1;display:flex;align-items:center;justify-content:center;gap:1cqh;font-family:Rubik,sans-serif;font-size:2.2cqh;font-weight:600;color:#7a5030;background:#8b451314;border:.3cqh solid rgba(139,69,19,.35);border-radius:1.4cqh;padding:1.2cqh 2cqh;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}.settings-toggle:hover{transform:scale(1.03)}.settings-toggle.on{color:#2f5d1a;background:#6eaa3c2e;border-color:#46821e99}.settings-icon{font-size:2.8cqh;line-height:1}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}html[lang=en] .overlay,html[lang=en] .toast,html[lang=en] .hint-area,html[lang=en] .rama-indicator,html[lang=en] .blessing-label{direction:ltr}@font-face{font-family:Secular One;src:url(/ui/fonts/SecularOne.ttf) format("truetype");font-display:swap}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Rubik,sans-serif;background:#3a1f0d;overflow:hidden;direction:rtl}#root{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}
