@property --acc{syntax: "<color>"; inherits: true; initial-value: #eed143;}:root{color-scheme:dark;--l1: #eed143;--l1s: #f0ecd7;--l2: #7cc56d;--l2s: #f2f8ee;--l3: #33a479;--l3s: #e1f2ed;--l4: #124457;--l4s: #e5f4f5;--l5: #632874;--l5s: #faedf4;--font: "Myriad Hebrew", "Myriad Pro", "Assistant", Arial, sans-serif;--app-bg: #0e1113;--app-ink: #eeede8;--app-ink2: #a9ada8;--app-ink3: #80857f;--sheet: #1a1e21;--card-ink: #151515}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;height:100%;background:var(--app-bg)}body{font-family:var(--font);color:var(--app-ink);-webkit-tap-highlight-color:transparent;overscroll-behavior:none}button{font:inherit}.app{--soft: var(--l1s);--next: var(--l2);position:relative;margin:0 auto;width:100%;max-width:480px;height:100dvh;overflow:hidden;container-type:size;background:var(--app-bg);transition:--acc .9s ease}.app:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 68% at 50% 42%,color-mix(in oklab,var(--acc) 24%,transparent) 0%,transparent 72%)}.app:after{content:"";position:absolute;inset:0;background:#000;opacity:0;transition:opacity 1.4s ease;pointer-events:none;z-index:1}.app.dim:after{opacity:.55}.view{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;padding:calc(env(safe-area-inset-top,0px) + 22px) 22px calc(env(safe-area-inset-bottom,0px) + 20px)}.v-welcome,.v-start{overflow-y:auto}.stack{margin-block:auto;width:100%}.btn{border:0;cursor:pointer;border-radius:999px;min-height:52px;padding:0 22px;font-size:17px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;transition:background-color .5s ease,box-shadow .2s ease,opacity .2s ease}.btn-main{background:var(--soft);color:#14181a}.btn-main:active{opacity:.85}.btn-main[aria-busy=true]{opacity:.6;pointer-events:none}.btn-quiet{background:transparent;color:var(--app-ink);box-shadow:inset 0 0 0 1.5px #ffffff42}.btn-quiet:hover{box-shadow:inset 0 0 0 1.5px #ffffff73}.btn-text{background:none;border:0;color:var(--app-ink2);font-size:15px;padding:8px 6px;cursor:pointer;min-height:40px}.btn-text:hover{color:var(--app-ink)}.wide{width:100%}.dot{width:10px;height:10px;border-radius:50%;background:var(--next);box-shadow:0 0 0 2px #ffffff38;flex:none}.app :focus-visible{outline:2px solid var(--soft);outline-offset:3px}.logo{display:block;height:clamp(130px,24cqh,210px);width:auto;margin:0 auto 20px;animation:logoIn .9s cubic-bezier(.2,.7,.2,1) both;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}@keyframes logoIn{0%{opacity:0;transform:translateY(10px) scale(.97)}}.hero{display:grid;justify-items:center;text-align:center;gap:2px}.eyebrow{margin:0;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--app-ink3)}.title{margin:0;font-size:30px;font-weight:700;line-height:1.15;text-wrap:balance}.lead{margin:6px 0 0;font-size:16px;color:var(--app-ink2)}.form{display:grid;gap:4px;margin-top:26px}.form label{font-size:14px;color:var(--app-ink2);margin-top:8px}.field{height:48px;width:100%;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:#ffffff0a;color:var(--app-ink);font:inherit;font-size:17px;padding-inline:14px}.field:focus{outline:none;border-color:var(--soft);box-shadow:0 0 0 3px color-mix(in oklab,var(--soft) 22%,transparent)}.err{margin:2px 0 0;font-size:13.5px;color:#ffb3a6}.err.center{text-align:center;margin-bottom:8px}.privacy{font-size:13px;color:var(--app-ink3);line-height:1.45;margin:12px 0 14px;text-align:center}.fan{position:relative;height:150px;width:230px;margin:4px auto 14px}.fan img{position:absolute;left:50%;bottom:0;width:88px;height:auto;border-radius:6px;transform-origin:50% 118%;transform:translate(-50%);box-shadow:0 8px 18px #00000073;transition:transform .9s cubic-bezier(.2,.7,.2,1)}.fan.open img:nth-child(1){transform:translate(-50%) rotate(-26deg)}.fan.open img:nth-child(2){transform:translate(-50%) rotate(-13deg)}.fan.open img:nth-child(3){transform:translate(-50%) rotate(0)}.fan.open img:nth-child(4){transform:translate(-50%) rotate(13deg)}.fan.open img:nth-child(5){transform:translate(-50%) rotate(26deg)}.who{display:grid;gap:10px;margin-top:30px;text-align:center}.who-title{margin:0;font-size:15px;color:var(--app-ink2)}.who-title .opt{color:var(--app-ink3);font-size:13px}.chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.chip{font-size:15px;border-radius:999px;min-height:38px;padding:0 14px;cursor:pointer;border:1px solid rgba(255,255,255,.2);background:transparent;color:var(--app-ink)}.chip[aria-pressed=true]{background:var(--soft);color:#14181a;border-color:transparent}.start-go{margin-top:18px}.links{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:0 4px;margin-top:8px}.links .sep{color:var(--app-ink3)}.status{color:var(--app-ink2);font-size:15px;display:inline-flex;align-items:center;gap:6px;padding:8px 6px}.status svg{color:var(--l2)}.v-game{--cw: min(74cqw, calc((100cqh - 292px)*.6809) );--ch: calc(var(--cw) / .6809);--r: calc(var(--cw) * .055)}.v-game.is-lock{--cw: min(62cqw, calc((100cqh - 372px)*.6809) )}.chrome{transition:opacity .7s ease}.app.dim .chrome{opacity:0;pointer-events:none}.bar{display:flex;align-items:center;gap:12px;height:40px;flex:none}.track{display:flex;gap:4px;align-items:center}.track i{width:20px;height:4px;border-radius:2px;background:#ffffff29;transition:background-color .5s,height .3s}.track .t1{--c: var(--l1)}.track .t2{--c: var(--l2)}.track .t3{--c: var(--l3)}.track .t4{--c: var(--l4)}.track .t5{--c: var(--l5)}.track i.done{background:color-mix(in oklab,var(--c) 55%,transparent)}.track i.on{background:var(--c);height:6px}.lvl{font-size:15px;color:var(--app-ink2)}.icon-btn{margin-inline-start:auto;width:42px;height:42px;border-radius:50%;border:0;background:transparent;color:var(--app-ink2);display:grid;place-items:center;cursor:pointer}.icon-btn:hover{background:#ffffff12;color:var(--app-ink)}.table{flex:1;position:relative;display:grid;place-items:center;min-height:0}.table>*{grid-area:1 / 1}.pile{position:relative;z-index:1;width:var(--cw);height:var(--ch);border-radius:var(--r);cursor:pointer}.pile .edge{position:absolute;inset:0;border-radius:var(--r);background:color-mix(in oklab,var(--pc) 72%,#000);box-shadow:0 1.5px #ffffff38}.pile .edge.k1{transform:translateY(3px)}.pile .edge.k2{transform:translateY(6px)}.pile .edge.k3{transform:translateY(9px)}.pile .edge.k4{transform:translateY(12px)}.pile .edge.k5{transform:translateY(15px)}.pile .edge.k6{transform:translateY(18px)}.pile .cover{position:absolute;inset:0;width:100%;height:100%;border-radius:var(--r);box-shadow:0 18px 32px -14px #000000b3;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.pile.empty{border:1.5px dashed rgba(255,255,255,.22)}.pile.lv1{--pc: var(--l1)}.pile.lv2{--pc: var(--l2)}.pile.lv3{--pc: var(--l3)}.pile.lv4{--pc: var(--l4)}.pile.lv5{--pc: var(--l5)}.pile.arrive-up{animation:arriveUp .65s cubic-bezier(.2,.7,.2,1)}.pile.arrive-down{animation:arriveDown .65s cubic-bezier(.2,.7,.2,1)}@keyframes arriveUp{0%{transform:translateY(46px) scale(.95);opacity:0}}@keyframes arriveDown{0%{transform:translateY(-46px) scale(.95);opacity:0}}.flip{position:relative;z-index:3;width:var(--cw);height:var(--ch);perspective:1500px;transition:transform .45s cubic-bezier(.3,.6,.2,1),opacity .45s ease}.flip .inner{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateY(180deg);transition:transform .75s cubic-bezier(.3,.7,.2,1)}.flip.up .inner{transform:rotateY(0)}.face{position:absolute;inset:0;width:100%;height:100%;border-radius:var(--r);overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 24px 44px -16px #000000bf;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.flip .back{transform:rotateY(180deg)}.flip.gone.out-start{transform:translate(-118%) rotate(-8deg);opacity:0}.flip.gone.out-end{transform:translate(118%) rotate(8deg);opacity:0}.flip.tuck{transform:translateY(30px) scale(.93);opacity:0}.front{background:var(--acc);container-type:size;transition:filter 1.4s ease}.front .lens,.front .tree,.front .num{position:absolute;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.front .lens{inset:0;background:var(--soft);-webkit-mask-image:url(/card/lens.png);mask-image:url(/card/lens.png)}.front .tree{inset:0;background:color-mix(in srgb,var(--acc) 34%,var(--soft));-webkit-mask-image:url(/card/tree.png);mask-image:url(/card/tree.png)}.front .num{left:78%;top:84%;width:22%;height:16%;background:var(--soft)}.front.lv1 .num{-webkit-mask-image:url(/card/num1.png);mask-image:url(/card/num1.png)}.front.lv2 .num{-webkit-mask-image:url(/card/num2.png);mask-image:url(/card/num2.png)}.front.lv3 .num{-webkit-mask-image:url(/card/num3.png);mask-image:url(/card/num3.png)}.front.lv4 .num{-webkit-mask-image:url(/card/num4.png);mask-image:url(/card/num4.png)}.front.lv5 .num{-webkit-mask-image:url(/card/num5.png);mask-image:url(/card/num5.png)}.front .q{position:absolute;margin:0;font-size:var(--fs, 7.4cqw);line-height:1.17;font-weight:500;color:var(--card-ink)}.front .he{top:15%;right:11%;width:70%;text-align:right;font-size:calc(var(--fs, 7.4cqw) * 1.12)}.front .en{bottom:13.5%;left:10.7%;width:72%;text-align:left}.app.dim .flip .front{filter:brightness(.6) saturate(.9)}.lock-badge{position:relative;z-index:4;width:66px;height:66px;border-radius:50%;background:#0a0c0ebd;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:grid;place-items:center;color:#fff;box-shadow:0 10px 24px #00000073}.hint{min-height:24px;margin:12px 0 8px;text-align:center;font-size:14.5px;color:var(--app-ink2);flex:none}.hint.lockline{font-size:17px;color:var(--app-ink);line-height:1.4;min-height:48px;text-wrap:balance}.actions{display:grid;gap:8px;flex:none}.row1{display:flex;gap:10px}.row1 .grow{flex:1 1 0}.row2{display:flex;justify-content:space-between;min-height:40px}.row2.center{justify-content:center}.waker{position:absolute;inset:0;z-index:50;display:none;cursor:pointer;background:transparent;border:0}.app.dim .waker{display:block}.v-end{text-align:center;--cw: min(66cqw, calc((100cqh - 330px)*.6809) );--ch: calc(var(--cw) / .6809);--r: calc(var(--cw) * .055)}.end-title{margin:6px 0 0;font-size:26px;font-weight:700}.end-line{margin:0 0 14px;font-size:16px;color:var(--app-ink2)}.flip.pass{cursor:pointer}.v-fatal{justify-content:center;text-align:center;color:var(--app-ink2);direction:ltr}.toast{position:absolute;top:calc(env(safe-area-inset-top,0px) + 14px);left:50%;translate:-50% -8px;width:max-content;max-width:calc(100% - 40px);background:#1e2225f7;color:var(--app-ink);padding:10px 16px;border-radius:14px;font-size:14.5px;line-height:1.4;text-align:center;box-shadow:0 12px 26px -10px #000000b3;opacity:0;transition:opacity .25s,translate .25s;z-index:95;pointer-events:none}.toast.show{opacity:1;translate:-50% 0}.scrim{position:absolute;inset:0;background:#00000085;z-index:80;opacity:0;transition:opacity .25s}.scrim.open{opacity:1}.sheet{position:absolute;inset-inline:0;bottom:0;z-index:90;background:var(--sheet);color:var(--app-ink);border-radius:22px 22px 0 0;padding:10px 22px calc(env(safe-area-inset-bottom,0px) + 22px);max-height:88%;overflow-y:auto;transform:translateY(100%);transition:transform .3s cubic-bezier(.2,.7,.2,1);box-shadow:0 -12px 30px #00000073}.sheet.open{transform:none}.grab{width:40px;height:5px;border-radius:3px;background:#fff3;margin:0 auto 12px}.sheet h2{font-size:21px;margin:4px 0 10px;font-weight:700}.sheet h3{font-size:13px;letter-spacing:.06em;color:var(--app-ink3);margin:18px 0 4px;font-weight:600}.sheet p{margin:0 0 10px;color:var(--app-ink2);font-size:15px;line-height:1.5}.code-form{margin-top:0}.code-form .btn{margin-top:12px}.list{list-style:none;margin:0;padding:0}.row-btn{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:54px;padding:0 2px;background:none;border:0;border-bottom:1px solid rgba(255,255,255,.08);color:var(--app-ink);font-size:17px;text-align:start;cursor:pointer;text-decoration:none}.row-btn .sub{display:block;font-size:13.5px;color:var(--app-ink3)}.row-btn .chev{flex:none;opacity:.55}[dir=rtl] .row-btn .chev{transform:scaleX(-1)}.sheet .close{margin-top:16px}.howto{margin:0;padding-inline-start:22px;display:grid;gap:10px}.howto li{color:var(--app-ink);font-size:15.5px;line-height:1.5;padding-inline-start:4px}.howto li::marker{color:var(--app-ink3)}@media(prefers-reduced-motion:reduce){.app,.fan img,.flip,.flip .inner,.front,.chrome,.sheet,.scrim,.toast,.btn{transition:none!important}.pile.arrive-up,.pile.arrive-down,.logo{animation:none}}
