.section.game-page{padding-top:clamp(12px,3vw,40px);padding-bottom:clamp(40px,6vw,80px)}.game-page .eyebrow{margin-bottom:6px}.game-page h1{margin:0 0 clamp(10px,2vw,20px);font-size:clamp(1.7rem,4.4vw,2.8rem)}.gs:not(.is-playing) .gs__screen--start .gs__title{display:none}.gs{--gs-look:linear-gradient(160deg, #24604d, #143b31);position:relative}.gs__frame{border-radius:var(--radius);background:var(--gs-look);aspect-ratio:16/10;width:100%;min-height:440px;max-height:640px;box-shadow:var(--shadow-lift);isolation:isolate;color:#fffaf0;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:relative;overflow:hidden}.gs:not(.is-playing) .gs__frame{aspect-ratio:auto;height:auto;max-height:none;scroll-margin-top:calc(var(--header-h,72px) + 12px)}@media (width<=719px){.gs:not(.is-playing) .gs__frame{min-height:0}}.gs__canvas{width:100%;height:100%;display:block;position:absolute;inset:0}html.game-on,html.game-on body{overscroll-behavior:none;overflow:hidden!important}html.game-on body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.gs__frame *{-webkit-tap-highlight-color:transparent}.gs.is-playing .gs__frame{z-index:1000;aspect-ratio:auto;width:100vw;height:100dvh;min-height:0;max-height:none;box-shadow:none;touch-action:none;border-radius:0;position:fixed;inset:0}.gs__bar{z-index:5;padding:max(10px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) 10px max(12px, env(safe-area-inset-left));pointer-events:none;align-items:center;gap:10px;display:none;position:absolute;top:0;left:0;right:0}.gs.is-playing .gs__bar{display:flex}.gs__bar>*{pointer-events:auto}.gs__frame.has-screen .gs__bar [data-pause],.gs__frame.has-screen .gs__hud{visibility:hidden}.gs__icon{cursor:pointer;color:#fffaf0;backdrop-filter:blur(8px);background:#0f2a246b;border:1px solid #ffecc847;border-radius:50%;flex:none;place-items:center;width:42px;height:42px;display:grid}.gs__icon svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.gs__icon[data-sound][aria-pressed=true] .gs__off,.gs__icon[data-sound][aria-pressed=false] .gs__on{display:none}.gs__level{font:600 .9rem/1 var(--sans);letter-spacing:.04em;white-space:nowrap;backdrop-filter:blur(8px);background:#0f2a246b;border:1px solid #ffecc847;border-radius:99px;padding:9px 12px}.gs__hud{flex:1;justify-content:center;align-items:center;gap:8px;min-width:0;display:flex}.gs__hearts{gap:4px;display:flex}.gs__hearts:empty{display:none}.gs__hearts i{background:#fffaf047;width:18px;height:18px;display:block;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21s-7.5-4.6-9.6-9.2C.9 8.4 3 4.5 6.8 4.5c2.2 0 3.7 1.3 5.2 3.1 1.5-1.8 3-3.1 5.2-3.1 3.8 0 5.9 3.9 4.4 7.3C19.5 16.4 12 21 12 21z'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21s-7.5-4.6-9.6-9.2C.9 8.4 3 4.5 6.8 4.5c2.2 0 3.7 1.3 5.2 3.1 1.5-1.8 3-3.1 5.2-3.1 3.8 0 5.9 3.9 4.4 7.3C19.5 16.4 12 21 12 21z'/%3E%3C/svg%3E") 50%/contain no-repeat}.gs__hearts i.is-full{background:#e9c77e}@media (width<=519px){.gs__level{padding:8px 10px;font-size:.82rem}.gs__icon{width:38px;height:38px}.gs__bar{gap:6px}}@media (width<=359px){.gs__icon,.gs__bar .gs-music{width:34px;height:34px}.gs__bar{gap:4px;padding-left:8px;padding-right:8px}.gs__hearts i{width:15px;height:15px}}.gs__icon,.gs__bar .gs-music{position:relative}.gs__icon:after,.gs__bar .gs-music:after{content:"";width:max(100%,44px);height:max(100%,44px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.gs__note{z-index:3;left:50%;bottom:max(18px, env(safe-area-inset-bottom));opacity:0;transition:opacity .25s, transform .35s var(--ease);text-align:center;width:max-content;max-width:min(92vw,560px);font:500 .98rem/1.4 var(--sans);color:#fffaf0;pointer-events:none;background:#0f2a24db;border:1px solid #ffecc84d;border-radius:14px;margin:0;padding:10px 16px;position:absolute;transform:translate(-50%,20px)}.gs__note[data-kind=bad]{background:#5c261ce0}.gs__pause-music .gs-musicline{margin:2px 0 4px}.gs__skip{z-index:3;right:max(12px, env(safe-area-inset-right));top:calc(max(10px, env(safe-area-inset-top)) + 52px);cursor:pointer;font:600 .82rem/1 var(--sans);letter-spacing:.02em;color:#fffaf0;backdrop-filter:blur(8px);background:#0f2a246b;border:1px solid #ffecc847;border-radius:99px;padding:8px 14px;position:absolute}.gs__skip[hidden]{display:none}@media (hover:hover){.gs__skip:hover{background:#0f2a2499}}.gs__note.is-on{opacity:1;transform:translate(-50%)}.gs .gs__purse{z-index:3;left:max(12px, env(safe-area-inset-left));top:calc(max(10px, env(safe-area-inset-top)) + 52px);font-size:.88rem;display:none;position:absolute}.gs.is-playing .gs__purse{display:inline-flex}.gs.is-playing .gs__frame.has-screen .gs__purse{display:none}@media (width<=699px),(height<=499px){.gs.is-playing .gs__purse{opacity:0;z-index:6;top:calc(max(10px, env(safe-area-inset-top)) + 21px);left:calc(max(12px, env(safe-area-inset-left)) + 52px);background:#0f2a24f0;transition:opacity .3s;transform:translateY(-50%)}.gs.is-playing .gs__purse.is-shown{opacity:1;transition-duration:.12s}.gs .gs__purse .purse__try{display:none}}@media (width<=519px){.gs.is-playing .gs__purse{top:calc(max(10px, env(safe-area-inset-top)) + 19px);left:calc(max(12px, env(safe-area-inset-left)) + 44px);gap:6px;padding:5px 9px 5px 5px;font-size:.8rem}}@media (width<=359px){.gs.is-playing .gs__purse{top:calc(max(10px, env(safe-area-inset-top)) + 17px);left:calc(max(8px, env(safe-area-inset-left)) + 38px)}}.gs__purse-line{margin:14px 0 0;font-size:.95rem}.gs__trying{text-align:center;width:fit-content;max-width:100%;font:600 .85rem/1.3 var(--sans);color:#1f2a24;background:#e9c77e;border-radius:99px;margin:12px auto 0;padding:6px 12px}.gs__trying[hidden]{display:none}.gs__title+.gs__trying{margin:-4px auto 14px}.gs__earned+.gs__trying{margin:-6px auto 16px}.gs__earned{font:600 1.05rem/1.3 var(--sans);color:var(--gold-text);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:-6px 0 16px;display:flex}html.night .gs__earned{color:#e9c77e}.gs__earned small{font:400 .88rem/1.4 var(--sans);color:var(--muted);flex-basis:100%}.gs__earned[hidden]{display:none}.gs__screen{z-index:4;padding:calc(max(10px, env(safe-area-inset-top)) + 58px) max(16px, env(safe-area-inset-right)) 0 max(16px, env(safe-area-inset-left));overscroll-behavior:contain;backdrop-filter:blur(3px);touch-action:pan-y;background:#0a1e1980;flex-direction:column;align-items:center;display:flex;position:absolute;inset:0;overflow-y:auto}.gs__screen:after{content:"";height:max(16px, env(safe-area-inset-bottom));flex:none}.gs__screen>.gs__panel{flex:none;margin:auto 0}.gs__screen[hidden]{display:none}.gs__screen--start{background:linear-gradient(#0a1e191a,#0a1e198c);padding:24px 16px}.gs__screen--start:after{display:none}.gs:not(.is-playing) .gs__screen--start{min-height:440px;position:relative;inset:auto;overflow:visible}@media (width<=719px){.gs:not(.is-playing) .gs__screen--start{min-height:0;padding:14px 12px}}@media (width<=519px){.gs:not(.is-playing) .gs__screen--start{padding:10px}.gs:not(.is-playing) .gs__screen--start .gs__panel{padding:20px 16px}}.gs__screen:not(.gs__screen--start) .gs__panel>.gs__actions:not(.gs__actions--stack){z-index:1;background:#fcfaf6;border-radius:0 0 22px 22px;margin:0 calc(-1*clamp(22px,4vw,34px));padding:12px clamp(22px,4vw,34px);position:sticky;bottom:0}.gs__screen:not(.gs__screen--start) .gs__panel>.gs__actions:not(.gs__actions--stack):last-child{margin-bottom:calc(-1*clamp(22px,4vw,34px));padding-bottom:clamp(18px,3vw,26px)}html.night .gs__screen:not(.gs__screen--start) .gs__panel>.gs__actions:not(.gs__actions--stack){background:#163a31}.gs__panel{text-align:center;color:#25302b;background:#fcfaf6;border:1px solid #c3a15f73;border-radius:22px;width:min(100%,520px);padding:clamp(22px,4vw,34px);box-shadow:0 30px 60px -20px #00000073}html.night .gs__panel{color:#e8e2d4;background:#163a31}.gs__title{font-family:var(--serif);color:inherit;margin:0 0 12px;font-size:clamp(1.6rem,4vw,2.1rem)}.gs__eyebrow{font:600 .78rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-text);margin:0 0 8px}.gs__sub,.gs__side,.gs__best{color:var(--muted);margin:0 0 16px}.gs__best{margin:14px 0 0;font-size:.92rem}.gs__best:empty{display:none}.gs__side{font-size:.92rem}.gs__actions--start{margin-top:4px}.gs__screen--start .gs__best,.gs__screen--start .gs__side{margin:12px 0 0}.gs__eyebrow--how{border-top:1px solid #c3a15f59;margin:22px 0 10px;padding-top:18px}.gs__how{text-align:left;gap:8px;margin:0;padding:0;list-style:none;display:grid}.gs__how li{padding-left:22px;line-height:1.5;position:relative}.gs__how li:before{content:"";background:var(--gold);width:7px;height:7px;position:absolute;top:.62em;left:4px;transform:rotate(45deg)}.gs__actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.gs__actions--stack{flex-direction:column;align-items:stretch}.gs__actions .btn{min-height:48px}.gs__actions .btn[hidden]{display:none}.gs__grid{overscroll-behavior:contain;grid-template-columns:repeat(5,1fr);gap:8px;max-height:min(46vh,330px);margin:0 0 6px;padding:3px;display:grid;overflow-y:auto}.gs__grid .gs-lvl{border:1px solid var(--line);background:var(--white);min-height:46px;color:inherit;font:600 1.05rem/1 var(--sans);cursor:pointer;border-radius:12px}.gs__grid .gs-lvl.is-reached{background:var(--apricot);border-color:#c3a15fb3}.gs__grid .gs-lvl.is-current{outline:2px solid var(--gold);outline-offset:1px}.gs__intro{margin:0 0 18px}.gs__score{flex-direction:column;align-items:center;gap:2px;margin:0 0 14px;display:flex}.gs__score span{font:600 .78rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-text)}.gs__score b{font:600 3rem/1.1 var(--serif)}.gs__score small{color:var(--muted);font-size:.9rem}.gs__intro:empty{display:none}.gs__eyebrow--rule{background:var(--gold);color:#1f2a24;letter-spacing:.14em;border-radius:999px;padding:5px 12px;font-weight:700;display:inline-block}.gs__title--rule{margin-top:10px}.gs__rule-art{justify-content:center;align-items:center;gap:12px;min-height:64px;margin:6px 0 12px;display:flex}.gs__rule-art svg{width:96px;height:72px}.gs__rule-art [lang=ar]{font-size:2.6rem;line-height:1.6}.gs__rule-how{text-align:left;gap:8px;margin:0;padding:0;list-style:none;display:grid}.gs__rule-how li{padding-left:26px;font-size:1.05rem;line-height:1.4;position:relative}.gs__rule-how li:before{content:"";background:var(--gold);border-radius:50%;width:10px;height:10px;position:absolute;top:.45em;left:4px}.gs__glance{z-index:3;left:50%;bottom:calc(max(8px, env(safe-area-inset-bottom)) + var(--glance-bottom,0px));max-width:calc(100% - 2 * max(12px, var(--glance-side,0px)));color:#17463a;pointer-events:none;opacity:0;visibility:hidden;width:max-content;transition:opacity .3s, transform .35s var(--ease), visibility 0s .35s;background:#fcfaf6f0;border:1px solid #c3a15fbf;border-radius:999px;align-items:center;gap:8px;padding:5px 14px 5px 6px;display:flex;position:absolute;transform:translate(-50%,16px);box-shadow:0 10px 22px -14px #0000008c}.gs__glance.is-on{opacity:1;visibility:visible;transition:opacity .3s, transform .35s var(--ease), visibility 0s;transform:translate(-50%)}.gs__frame.has-screen .gs__glance,.gs:not(.is-playing) .gs__glance{display:none}.gs__glance-art{flex:none;width:34px;height:26px;position:relative;overflow:hidden}.gs__glance .gs__rule-art{white-space:nowrap;min-height:0;transform:translate(-50%, -50%) scale(var(--k,1));margin:0;position:absolute;top:50%;left:50%}.gs__glance .gs__rule-art svg{width:34px;height:26px}.gs__glance .gs__rule-art [lang=ar]{font-size:1.3rem;line-height:1.5}.gs__glance:not(:has(.gs__glance-art)){padding-left:8px}.gs__glance-tag{background:var(--gold);color:#1f2a24;font:700 .6rem/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;border-radius:999px;flex:none;padding:3px 8px}.gs__glance-title{min-width:0;font:600 .95rem/1.2 var(--serif);text-wrap:balance}html.night .gs__glance{color:#f3e6c4;background:#102c26f0;border-color:#e9c77e99}.gs__note{transition:opacity .25s, transform .35s var(--ease), translate .35s var(--ease)}.gs__frame.has-glance .gs__note{translate:0 -48px}.gs__rules{text-align:left;border:1px solid var(--line);border-radius:14px;padding:4px 14px}.gs__rules summary{cursor:pointer;min-height:28px;padding:10px 0;font-weight:600}.gs__rules-list{gap:14px;max-height:40vh;margin:0;padding:0 0 10px;list-style:none;display:grid;overflow-y:auto}.gs__rule{border-top:1px solid var(--line);padding-top:12px}.gs__rule-name{font:600 1.05rem/1.3 var(--serif);margin:0 0 6px}.gs__rule .gs__rule-art{justify-content:flex-start;min-height:0;margin:0 0 8px}.gs__rule .gs__rule-art svg{width:64px;height:48px}.gs__rule .gs__rule-how li{font-size:.95rem}.gs__intro [lang=ar]{font-family:var(--arabic)}.gs__book{color:var(--muted);margin:16px 0 0;font-size:.95rem}.gs__book a{align-items:center;gap:6px;font-weight:600;display:inline-flex}.gs__book svg{width:1.1em;height:1.1em}@media (height<=500px){.gs__screen{padding-top:calc(max(8px, env(safe-area-inset-top)) + 54px)}.gs__panel{width:min(100%,680px);padding:16px 22px}.gs__screen:not(.gs__screen--start) .gs__panel>.gs__actions:not(.gs__actions--stack){margin:0 -22px;padding:10px 22px}.gs__screen:not(.gs__screen--start) .gs__panel>.gs__actions:not(.gs__actions--stack):last-child{margin-bottom:-16px;padding-bottom:14px}.gs__title{margin-bottom:8px;font-size:1.45rem}.gs__sub{margin-bottom:10px;font-size:.92rem}.gs__actions .btn{min-height:44px}.gs__actions--stack{grid-template-columns:1fr 1fr;gap:8px;display:grid}.gs__actions--stack>:first-child,.gs__actions--stack>.gs__pause-music,.gs__actions--stack>.gs__rules,.gs__actions--stack>[data-exit]{grid-column:1/-1}.gs__pause-music .gs-musicline{margin:0;padding:8px 10px}.gs__pause-music .gs-musicline__say{display:none}.gs__grid{grid-template-columns:repeat(auto-fill,minmax(54px,1fr));max-height:none;overflow:visible}.gs__grid .gs-lvl{min-height:44px}.gs__rule-art{min-height:0;margin:2px 0 8px}.gs__rule-art svg{width:72px;height:54px}.gs__rule-art [lang=ar]{font-size:2.1rem;line-height:1.4}.gs__rule-how li{font-size:.98rem}}@media (hover:hover){.gs__icon:hover{background:#0f2a249e}.gs__grid .gs-lvl:hover{border-color:var(--gold)}}
