:root{color-scheme:light;--paper:#f7f5ed;--navy:#194962;--ink:#224854;--muted:#687e80;--sea:#d9ede6;--gold:#f5d79b;font-family:Arial,Helvetica,sans-serif;background:var(--paper);color:var(--ink)}
*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 70% -20%,#dcece9,transparent 58%),var(--paper)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #317ba1;outline-offset:4px}button:disabled{cursor:default}h1,h2,p{margin-top:0}[hidden]{display:none!important}
.number-page{max-width:1380px;margin:0 auto;padding:28px max(30px,env(safe-area-inset-right)) max(32px,env(safe-area-inset-bottom)) max(30px,env(safe-area-inset-left))}.page-header{display:flex;align-items:center;gap:36px;margin-bottom:29px}.brand{width:171px;flex:none;display:flex;flex-direction:column;line-height:.94;text-decoration:none;transform:rotate(-2deg)}.brand-ivritish{font:900 32px/.95 Georgia,"Times New Roman",serif;letter-spacing:-2.4px;background:linear-gradient(105deg,#247884,#668b7c 28%,#b77c54 50%,#886e90 75%,#337992);color:transparent;-webkit-background-clip:text;background-clip:text}.brand-english{font:900 29px/1.05 Impact,"Arial Black",Arial,sans-serif;letter-spacing:3px;color:var(--paper);-webkit-text-stroke:1px var(--navy);text-shadow:1.5px 1.5px 0 #8ba4ad;margin-top:4px}.page-title h1{font-size:29px;line-height:1.2;letter-spacing:-.6px;margin:0 0 7px;font-weight:750;color:var(--navy)}.page-title p{font-size:17px;line-height:1.5;color:#566f73;margin:0}
.number-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:12px}.number-button{display:flex;justify-content:center;align-items:center;min-width:0;min-height:78px;padding:12px 5px;border:1px solid #b8cfc9;border-radius:17px;background:linear-gradient(155deg,#f0f7ef,#d9ece4);color:#214f57;font:700 29px/1 Arial,Helvetica,sans-serif;box-shadow:0 3px 0 #c4d7ca;transition:background .12s,transform .12s,box-shadow .12s}.number-button:nth-child(10n+1),.number-button:nth-child(10n+2){background:linear-gradient(155deg,#f6e6bf,#f5d79e);border-color:#dfc38d;box-shadow:0 3px 0 #decca6;color:#645338}.number-button:nth-child(10n+6),.number-button:nth-child(10n+7){background:linear-gradient(155deg,#e2eef2,#cfe1eb);border-color:#aec7d4;box-shadow:0 3px 0 #bdcfd9;color:#2b526b}.number-button.is-selected{background:#245c72;color:#fff6df;border-color:#245c72;box-shadow:0 3px 0 #153e52}.number-button:active{transform:translateY(2px);box-shadow:0 1px 0 #b3c7c4}.loading-note{grid-column:1/-1;font-size:18px;padding:28px 0}.page-message{font-size:17px;line-height:1.5;margin:24px 0 0;padding:15px 18px;background:#f4e7c9;border-radius:12px}
.card-dialog{position:fixed;max-width:1050px;width:calc(100% - 48px);max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);padding:66px 24px 24px;border:1px solid #fffdf4;border-radius:24px;background:#fffaf0;color:var(--ink);box-shadow:0 20px 100px #102c4655;overflow:auto;overscroll-behavior:contain;margin:auto}.card-dialog::backdrop{background:#102a42b8;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.card-dialog.is-fallback{inset:24px 0;z-index:100;margin:auto;box-shadow:0 0 0 100vmax #102a42b8}.card-close{position:absolute;top:13px;right:16px;display:flex;align-items:center;gap:12px;padding:10px 14px;border:1px solid #b9cebf;border-radius:11px;background:#edf3e8;color:#335c59;min-height:44px;font-size:16px;font-weight:700}.card-close span{font-size:26px;font-weight:400;line-height:20px}.card-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(250px,1fr);gap:27px;align-items:center}.card-art{position:relative;min-width:0;min-height:270px;background:#ddece7;border-radius:15px;overflow:hidden;display:flex;align-items:center;justify-content:center}.card-art img{display:block;max-width:100%;width:100%;height:auto;max-height:65vh;max-height:65dvh;object-fit:contain;image-rendering:pixelated}.image-message{position:absolute;inset:auto 18px 14px;margin:0;padding:10px 13px;border-radius:9px;background:#f7f5edeb;color:#48615f;font-size:16px;line-height:1.5;text-align:center}.card-copy{min-width:0;padding-right:5px}.card-number-row{display:flex;align-items:center;gap:17px;margin-bottom:22px}.card-number-row strong{font-size:64px;line-height:1;letter-spacing:-3px;color:#35687b}.card-number-row>span{font-size:25px;line-height:1.3;font-weight:650;color:#607e7f;overflow-wrap:anywhere}.card-copy h2{font-size:clamp(31px,3.4vw,45px);line-height:1.12;letter-spacing:-1px;color:#244f59;margin:0 0 16px;overflow-wrap:anywhere}.card-copy>p[lang="en"]{font-size:21px;line-height:1.6;color:#4f6868;margin:0 0 25px}.card-speak{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:58px;border:1px solid #2a665e;border-radius:13px;padding:13px;background:#36776c;color:#fff9e9;font-size:17px;font-weight:700;box-shadow:0 3px 0 #225c54}.card-speak svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}.card-speak:disabled{opacity:.6}.audio-message{font-size:15px;line-height:1.5;color:#786442;margin:14px 0 0}.audio-message:empty{display:none}.noscript{padding:24px;font:18px/1.6 Arial,sans-serif}
@media(hover:hover){.number-button:hover{filter:brightness(1.045);transform:translateY(-1px)}.card-close:hover{background:#deebdd}.card-speak:hover{background:#286b60}}
@media(min-width:761px) and (max-height:800px){.number-page{padding-top:22px}.page-header{margin-bottom:23px}.card-dialog{padding-top:62px;max-height:calc(100dvh - 32px);width:calc(100% - 36px)}.card-art{min-height:240px}.card-art img{max-height:67vh;max-height:67dvh}.card-copy>p[lang="en"]{font-size:19px;line-height:1.5;margin-bottom:20px}.card-number-row{margin-bottom:16px}.card-number-row strong{font-size:58px}.card-number-row>span{font-size:23px}}
@media(max-width:760px){.number-page{padding:23px max(20px,env(safe-area-inset-right)) max(28px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}.page-header{align-items:flex-start;gap:24px;margin-bottom:24px}.brand{width:144px;margin-top:2px}.brand-ivritish{font-size:28px}.brand-english{font-size:24px}.page-title h1{font-size:25px}.page-title p{font-size:16px;line-height:1.5}.number-grid{grid-template-columns:repeat(auto-fill,minmax(65px,1fr));gap:10px}.number-button{min-height:73px;border-radius:15px;font-size:27px}.card-dialog{width:calc(100% - 30px);max-height:calc(100vh - 30px);max-height:calc(100dvh - 30px);padding:64px 19px 22px;border-radius:20px}.card-layout{grid-template-columns:1fr;gap:22px}.card-art{min-height:220px}.card-art img{max-height:43vh;max-height:43dvh}.card-copy{padding:0 3px}.card-number-row{margin-bottom:14px;gap:19px}.card-number-row strong{font-size:58px}.card-number-row>span{font-size:25px}.card-copy h2{font-size:35px;margin-bottom:11px}.card-copy>p[lang="en"]{font-size:20px;line-height:1.5;margin-bottom:20px}.card-speak{font-size:17px;min-height:58px}.card-close{right:14px;top:12px}.card-dialog.is-fallback{inset:15px 0}}
@media(max-width:480px){.number-page{padding:21px max(16px,env(safe-area-inset-right)) max(27px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.page-header{display:block;margin-bottom:21px}.brand{width:150px;margin:0 0 23px}.brand-ivritish{font-size:29px}.brand-english{font-size:25px}.page-title h1{font-size:27px}.page-title p{font-size:16px;max-width:340px}.number-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.number-button{min-height:72px;font-size:26px}.card-dialog{padding-left:15px;padding-right:15px}.card-art{min-height:180px}.card-number-row strong{font-size:54px}.card-number-row>span{font-size:23px}.card-copy h2{font-size:32px}.card-copy>p[lang="en"]{font-size:19px}.card-close{font-size:15px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}.number-button:hover{transform:none}}
/* Fit all 123 numbers on a landscape tablet: 13 columns, 10 touch-sized rows. */
@media(min-width:900px) and (orientation:landscape){
  .number-page{padding-top:max(16px,env(safe-area-inset-top));padding-bottom:max(16px,env(safe-area-inset-bottom));padding-left:max(24px,env(safe-area-inset-left));padding-right:max(24px,env(safe-area-inset-right))}
  .page-header{gap:24px;margin-bottom:16px;min-height:60px}
  .brand{width:146px}.brand-ivritish{font-size:28px}.brand-english{font-size:25px;letter-spacing:2.6px}
  .page-title h1{font-size:25px;margin-bottom:5px}.page-title p{font-size:16px;line-height:1.35}
  .number-grid{grid-template-columns:repeat(13,minmax(0,1fr));gap:6px;grid-auto-rows:clamp(44px,calc((100vh - 140px - 54px) / 10),72px);grid-auto-rows:clamp(44px,calc((100svh - 140px - 54px) / 10),72px)}
  .number-button{min-height:44px;height:100%;padding:6px 4px;font-size:24px;border-radius:12px;box-shadow:0 2px 0 #c4d7ca}
  .number-button:nth-child(10n+1),.number-button:nth-child(10n+2){box-shadow:0 2px 0 #decca6}
  .number-button:nth-child(10n+6),.number-button:nth-child(10n+7){box-shadow:0 2px 0 #bdcfd9}
  .number-button.is-selected{box-shadow:0 2px 0 #153e52}
}
/* Portrait tablets keep nine comfortable columns; smaller screens may scroll. */
@media(min-width:700px) and (orientation:portrait){
  .number-page{padding-top:max(20px,env(safe-area-inset-top));padding-bottom:max(20px,env(safe-area-inset-bottom))}
  .page-header{gap:24px;margin-bottom:20px}
  .number-grid{grid-template-columns:repeat(9,minmax(0,1fr));gap:7px;grid-auto-rows:clamp(44px,calc((100vh - 160px - 91px) / 14),72px);grid-auto-rows:clamp(44px,calc((100svh - 160px - 91px) / 14),72px)}
  .number-button{min-height:44px;height:100%;padding:6px 4px;font-size:24px;border-radius:13px}
}
/* The first screen is a quiet animated invitation; Start is always available. */
.sea-intro{position:relative;isolation:isolate;overflow:hidden;min-height:100vh;min-height:100svh;background:#d9ece5;color:#234f62}
.intro-sky{position:absolute;z-index:-3;inset:0;background:linear-gradient(#cde6e8 0%,#edf0d7 51%,#7cc1c4 52%,#337f93 100%)}
.intro-landscape{position:absolute;inset:0;z-index:-2;width:100%;height:100%;pointer-events:none}
.intro-header{position:relative;z-index:4;display:flex;align-items:center;justify-content:space-between;height:110px;gap:24px;max-width:1360px;margin:0 auto;padding:25px max(42px,env(safe-area-inset-right)) 23px max(42px,env(safe-area-inset-left))}.intro-header .brand{width:170px;margin:0}.intro-header .brand-ivritish{font-size:32px}.intro-header .brand-english{font-size:29px}.intro-edition{font-size:17px;font-weight:650;color:#53747b}
.intro-content{position:relative;z-index:3;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:18px;width:100%;max-width:1230px;margin:0 auto;min-height:calc(100vh - 110px);min-height:calc(100svh - 110px);padding:12px 45px 57px}.intro-copy{padding:0 0 14px;align-self:center}.intro-kicker{font-size:16px;letter-spacing:.15px;color:#476e78;margin:0 0 19px}.intro-copy h1{font-size:clamp(66px,7.4vw,99px);line-height:.98;letter-spacing:-4px;font-weight:800;color:#244e61;margin:0 0 23px;text-shadow:0 2px 0 #f4f6df80;animation:intro-title-float 6.5s ease-in-out infinite}.intro-invitation{font-size:22px;line-height:1.45;color:#365d65;margin:0 0 29px}.intro-start{position:relative;display:flex;align-items:center;justify-content:space-between;gap:44px;min-height:67px;min-width:220px;border:1px solid #f7d994;border-radius:15px;background:#ffe0a3;color:#315562;padding:15px 25px;font:700 23px/1.3 Arial,Helvetica,sans-serif;box-shadow:0 5px 0 #c29e5f,0 9px 22px #30646b22}.intro-start span{font-size:29px;font-weight:400}.intro-start:active{transform:translateY(3px);box-shadow:0 2px 0 #c29e5f}.intro-start:focus-visible{outline:3px solid #1a5b78;outline-offset:6px}.intro-footnote{font-size:15px;color:#315f65;margin:18px 0 0}
.intro-roni{position:relative;align-self:end;aspect-ratio:1;width:112%;max-width:550px;justify-self:center;margin:0 -6% -6px;transform:translateY(27px)}.intro-roni img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;image-rendering:pixelated;user-select:none;-webkit-user-select:none}.intro-roni-idle{animation:intro-idle-pose 7s steps(1,end) infinite}.intro-roni-wave{opacity:0;animation:intro-wave-pose 7s steps(1,end) infinite}.intro-roni-shadow{position:absolute;left:31%;right:27%;bottom:8%;height:6%;background:#967e5366;border-radius:50%;filter:blur(5px)}
.intro-wave-far{animation:intro-sea-far 12s ease-in-out infinite;transform-origin:center}.intro-wave-near{animation:intro-sea-near 9s ease-in-out infinite;transform-origin:center}.intro-numbers{position:absolute;inset:0;z-index:2;pointer-events:none}.intro-float{position:absolute;display:flex;align-items:center;justify-content:center;border:1px solid #f8f5d18c;border-radius:25%;background:#f5efcc70;color:#416f7999;font-weight:700;line-height:1;box-shadow:0 4px 0 #557c7620;animation:intro-number-drift 9s ease-in-out infinite;transform:rotate(-5deg)}.intro-float-0{left:48%;top:28%;font-size:34px;width:69px;height:69px;animation-delay:-1s}.intro-float-8{left:64%;top:18%;font-size:29px;width:61px;height:61px;animation-delay:-5s;animation-duration:11s}.intro-float-31{right:8%;top:35%;font-size:31px;width:75px;height:66px;animation-delay:-2.3s;animation-duration:10s}.intro-float-61{left:51%;top:61%;font-size:31px;width:74px;height:68px;animation-delay:-7s;animation-duration:13s}.intro-float-100{right:7%;bottom:17%;font-size:27px;width:87px;height:66px;animation-delay:-4s;animation-duration:12s}.intro-float-122{left:44%;bottom:12%;font-size:33px;width:100px;height:77px;animation-delay:-2s;animation-duration:10s}
@keyframes intro-title-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes intro-idle-pose{0%,55%,100%{opacity:1}56%,78%{opacity:0}79%{opacity:1}}
@keyframes intro-wave-pose{0%,55%,100%{opacity:0}56%,78%{opacity:1}79%{opacity:0}}
@keyframes intro-sea-far{0%,100%{transform:translateX(-12px)}50%{transform:translateX(13px)}}
@keyframes intro-sea-near{0%,100%{transform:translate(-15px,2px)}50%{transform:translate(16px,-3px)}}
@keyframes intro-number-drift{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-13px) rotate(3deg)}}
.sea-intro.is-paused *{animation-play-state:paused!important}.sea-intro.is-reduced *{animation:none!important}.sea-intro.is-reduced .intro-roni-idle{opacity:0}.sea-intro.is-reduced .intro-roni-wave{opacity:1}.sea-intro[hidden] *{animation:none!important}
/* Translation sits directly below its English counterpart. */
.card-dialog{padding-top:15px;scroll-padding-top:68px;-webkit-overflow-scrolling:touch}.card-toolbar{position:sticky;top:0;display:flex;justify-content:flex-end;margin-bottom:16px;z-index:5;pointer-events:none}.card-close{position:static;pointer-events:auto;background:#edf3e8f5;box-shadow:0 2px 9px #1638451c}.card-layout{align-items:start}.card-art{align-self:center}.card-number-names{display:flex;flex-direction:column;gap:5px}.card-translation{font-size:16px;font-weight:400;line-height:1.5;color:#728079}.card-number-names .card-translation{font-size:16px;font-weight:400;line-height:1.4}.card-copy h2{margin-bottom:6px}.card-word-translation{font-size:18px;margin:0 0 19px;color:#6b7c74}.card-copy>p[lang="en"]{margin-bottom:8px}.card-description-translation{font-size:16px;line-height:1.55;margin:0 0 23px;color:#727b72}.voice-note{font-size:14px;line-height:1.5;color:#768079;margin:10px 0 0}.voice-note:empty{display:none}
/* Card zero remains a real sea card, with a small wash of light. */
.card-dialog.is-zero .card-art:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(112deg,transparent 20%,#f7ffe619 43%,#b7eade2b 51%,transparent 72%);background-size:240% 100%;animation:zero-sea-light 7s ease-in-out infinite}.card-dialog.is-zero .card-art img{animation:zero-sea-breathe 8s ease-in-out infinite;transform-origin:center}
@keyframes zero-sea-light{0%,100%{background-position:100% 0;opacity:.45}50%{background-position:0 0;opacity:.9}}
@keyframes zero-sea-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.012)}}
html.is-tab-hidden .card-dialog.is-zero .card-art:after,html.is-tab-hidden .card-dialog.is-zero .card-art img{animation-play-state:paused!important}.card-dialog:not([open]).is-zero .card-art:after,.card-dialog:not([open]).is-zero .card-art img{animation:none}
@media(min-width:761px) and (max-height:720px){.intro-header{height:91px;padding-top:19px;padding-bottom:17px}.intro-content{min-height:calc(100vh - 91px);min-height:calc(100svh - 91px);padding-bottom:35px}.intro-kicker{margin-bottom:13px;font-size:15px}.intro-copy h1{font-size:67px;margin-bottom:18px}.intro-invitation{font-size:19px;margin-bottom:22px}.intro-start{min-height:60px;font-size:21px}.intro-footnote{font-size:14px;margin-top:15px}.intro-roni{max-width:470px}.intro-float-122{bottom:8%}}
@media(max-width:760px){.intro-header{height:94px;padding:22px 25px;gap:18px}.intro-header .brand{width:148px}.intro-header .brand-ivritish{font-size:29px}.intro-header .brand-english{font-size:25px}.intro-edition{font-size:15px}.intro-content{min-height:calc(100vh - 94px);min-height:calc(100svh - 94px);padding:14px 28px 39px;gap:0;grid-template-columns:1.15fr 1fr}.intro-copy h1{font-size:61px;letter-spacing:-3px;margin-bottom:20px}.intro-kicker{font-size:14px;max-width:160px;line-height:1.4;margin-bottom:15px}.intro-invitation{font-size:18px;line-height:1.45;margin-bottom:25px}.intro-start{min-width:183px;min-height:62px;font-size:21px;padding:14px 21px;gap:24px}.intro-footnote{font-size:14px;max-width:170px;line-height:1.45}.intro-roni{width:160%;margin:0 -30% 0;transform:translate(2%,4%);max-width:none}.intro-float-0{left:54%;top:27%;font-size:27px;width:58px;height:58px}.intro-float-8{left:78%;top:17%;font-size:24px;width:49px;height:49px}.intro-float-31{right:6%;top:40%;font-size:26px;width:62px;height:57px}.intro-float-61{display:none}.intro-float-100{right:6%;bottom:9%;font-size:22px;width:74px;height:56px}.intro-float-122{left:50%;bottom:12%;font-size:25px;width:77px;height:64px}.card-toolbar{margin-bottom:14px}.card-description-translation{margin-bottom:21px}}
@media(max-width:520px){.intro-header{height:90px;padding:19px 22px}.intro-header .brand{width:140px}.intro-header .brand-ivritish{font-size:27px}.intro-header .brand-english{font-size:24px}.intro-edition{font-size:14px;max-width:91px;text-align:right;line-height:1.4}.intro-content{display:block;min-height:calc(100vh - 90px);min-height:calc(100svh - 90px);padding:15px 24px 28px}.intro-copy{position:relative;z-index:3;padding-bottom:0;max-width:100%}.intro-kicker{max-width:none;font-size:14px;margin:0 0 13px}.intro-copy h1{font-size:58px;letter-spacing:-3px;line-height:1;margin-bottom:15px;max-width:220px}.intro-invitation{font-size:17px;line-height:1.5;max-width:206px;margin-bottom:23px}.intro-start{min-width:180px;max-width:200px;min-height:60px;font-size:21px;padding:13px 21px;gap:26px}.intro-footnote{font-size:13px;max-width:180px;line-height:1.5;margin-top:15px}.intro-roni{position:absolute;right:-104px;bottom:20px;width:335px;max-width:none;height:335px;margin:0;transform:none;z-index:1}.intro-roni-shadow{opacity:.5}.intro-float-0{left:auto;right:17%;top:24%;font-size:24px;width:52px;height:52px}.intro-float-8{display:none}.intro-float-31{right:5%;top:38%;font-size:25px;width:57px;height:54px}.intro-float-100{right:8%;bottom:4%;font-size:21px;width:65px;height:50px}.intro-float-122{left:16%;bottom:5%;font-size:25px;width:77px;height:60px}.intro-landscape{width:165%;left:-65%}.card-number-names{gap:4px}.card-word-translation{font-size:17px}}
@media(max-width:380px){.intro-content{padding-left:20px;padding-right:20px}.intro-copy h1{font-size:54px}.intro-kicker{font-size:13px}.intro-invitation{font-size:16px;max-width:182px}.intro-roni{width:286px;height:286px;right:-105px;bottom:17px}.intro-float-122{left:15%;bottom:4%;font-size:22px;width:68px;height:52px}.intro-header{padding-left:20px;padding-right:20px}}
@media(prefers-reduced-motion:reduce){.sea-intro *,.card-dialog.is-zero .card-art:after,.card-dialog.is-zero .card-art img{animation:none!important}.intro-roni-idle{opacity:0}.intro-roni-wave{opacity:1}}
.intro-roni{pointer-events:none}