@font-face{font-family:"Keter";src:url("assets/fonts/Keter-Medium.ttf") format("truetype");font-weight:100 900;font-style:normal;font-display:swap}
:root{--cream:#f6f0e3;--paper:#fffdf7;--navy:#102b46;--navy2:#183b5d;--gold:#ba8b2e;--gold2:#e1bd6b;--green:#26745a;--red:#a33d38;--muted:#65727c;--line:rgba(16,43,70,.14);--shadow:0 20px 55px rgba(20,37,51,.12);font-family:Arial,"Noto Sans Hebrew",sans-serif;color:var(--navy)}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--cream);overflow-x:hidden}.ambient{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 10% 15%,rgba(225,189,107,.25),transparent 27%),linear-gradient(115deg,transparent 65%,rgba(16,43,70,.035) 65%)}
button,input{font:inherit}h1,h2,h3,.brand,.eyebrow,.row-number,.timer-ring,.card-copy strong{font-family:"Keter",Arial,sans-serif}.topbar{height:82px;padding:0 clamp(24px,5vw,80px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:2}.brand{font-weight:800;font-size:18px;display:flex;gap:12px;align-items:center}.brand-mark{display:block;width:38px;height:38px;border-radius:11px;overflow:hidden;box-shadow:0 4px 12px rgba(16,43,70,.14)}.brand-mark img{display:block;width:100%;height:100%;object-fit:cover}button{cursor:pointer;color:inherit}.ghost,.text-button{background:none;border:0}.top-actions{display:flex;align-items:center;gap:18px}.mode-label{font-size:13px;color:var(--muted)}.top-actions .ghost{padding:10px 16px;border:1px solid var(--line);border-radius:999px}.hidden{display:none!important}
.contact-credit{font-style:normal;display:flex;align-items:center;justify-content:center;gap:9px;color:var(--muted);font-size:13px;white-space:nowrap}.contact-credit strong{color:var(--navy)}.contact-credit a{color:inherit;text-decoration:none;border-bottom:1px solid transparent;transition:.2s}.contact-credit a:hover,.contact-credit a:focus-visible{color:var(--gold);border-bottom-color:currentColor;outline:none}
.whatsapp-link{display:inline-flex;align-items:center;gap:5px}.whatsapp-link img{display:block;width:17px;height:17px;flex:none}
#app{height:calc(100vh - 82px);position:relative}.screen{display:none;height:100%;padding:clamp(24px,4vw,60px) clamp(24px,7vw,110px);animation:fade .45s ease}.screen.active{display:block}.home-screen.active{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:7vw}.eyebrow{margin:0 0 12px;color:var(--gold);font-weight:800;font-size:13px;letter-spacing:.08em}.hero-copy h1{font-size:clamp(45px,5vw,76px);line-height:1.03;margin:0;letter-spacing:-.04em}.hero-copy h1 span{font-weight:300}.lead{font-size:19px;line-height:1.7;color:var(--muted);max-width:550px}.game-picker{display:grid;gap:18px}.game-card{min-height:190px;text-align:right;border:1px solid var(--line);border-radius:24px;background:rgba(255,253,247,.78);box-shadow:var(--shadow);padding:26px;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr;gap:12px 22px;transition:.25s}.game-card:hover,.game-card:focus-visible{transform:translateY(-5px);border-color:var(--gold);outline:none}.card-index{font-size:12px;color:var(--gold);grid-column:1/-1}.card-icon{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;background:var(--navy);overflow:hidden}.card-icon img{display:block;width:50px;height:50px;object-fit:contain}.card-copy strong{display:block;font-size:25px;margin-bottom:9px}.card-copy small{color:var(--muted);font-size:15px;line-height:1.5}.arrow{align-self:center;font-size:28px;color:var(--gold)}
.game-screen{max-width:1500px;margin:auto}.game-heading{height:90px;display:flex;align-items:center;justify-content:space-between}.game-heading h2{margin:0;font-size:34px}.timer-card{display:flex;direction:ltr;align-items:center;gap:14px}.timer-ring{--progress:100%;width:70px;height:70px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--gold) var(--progress),rgba(16,43,70,.1) 0);position:relative;font-weight:800;font-variant-numeric:tabular-nums}.timer-ring:before{content:"";position:absolute;inset:5px;border-radius:50%;background:var(--cream)}.timer-ring span{position:relative}.timer-card small{display:block;color:var(--muted);direction:rtl}.text-button{padding:4px 0;color:var(--gold);font-weight:800;direction:rtl}.timer-card.urgent .timer-ring{background:conic-gradient(var(--red) var(--progress),rgba(163,61,56,.1) 0)}
.converging-layout{height:calc(100vh - 250px);min-height:570px;display:grid;grid-template-columns:minmax(520px,1fr) minmax(330px,.62fr);gap:30px}.board-panel,.interaction-panel{background:rgba(255,253,247,.82);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.board-panel{padding:24px;display:grid;place-items:center}.crossword{direction:ltr;display:grid;grid-template-columns:repeat(7,58px);grid-template-rows:repeat(8,58px);gap:5px}.cell{border:1px solid rgba(16,43,70,.25);border-radius:8px;background:#fff;display:grid;place-items:center;font-size:26px;font-weight:800;position:relative;transition:.3s}.cell.blocked{visibility:hidden}.cell.active{box-shadow:0 0 0 3px rgba(186,139,46,.35);border-color:var(--gold)}.cell.revealed{animation:letterIn .38s both;color:var(--navy)}.cell-number{position:absolute;z-index:1;top:3px;right:4px;font-size:8px;line-height:1;color:var(--gold);direction:rtl}.cell-letter{grid-area:1/1}.interaction-panel{padding:25px;display:flex;flex-direction:column;gap:18px;overflow:hidden}.clue-nav{display:grid;gap:8px}.clue-group{display:flex;align-items:center;gap:4px;min-height:35px}.clue-group strong{min-width:58px}.clue-chip{padding:4px 8px;border:1px solid var(--line);background:transparent;border-radius:999px;font-size:13px;font-weight:800}.clue-chip.active{background:var(--navy);color:white}.clue-chip.solved:after{content:" ✓";color:var(--gold2)}.active-clue{padding:16px 0;border-block:1px solid var(--line)}.active-clue small{color:var(--gold);font-weight:800}.active-clue h3{font-size:23px;margin:8px 0}.answer-form label{display:block;font-size:12px;color:var(--muted);margin-bottom:7px}.input-row{display:flex;gap:8px}.input-row input{width:100%;min-width:0;height:50px;border:1px solid var(--line);border-radius:12px;background:white;padding:0 15px;font-size:20px;outline:none}.input-row input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(186,139,46,.15)}.primary{border:0;border-radius:12px;padding:0 22px;background:var(--navy);color:white;font-weight:800}.candidates-wrap{display:grid;grid-template-columns:1fr 1fr;gap:10px}.candidate-card{padding:13px;border-radius:12px;background:#f4efe5;border:1px solid var(--line)}.candidate-card header{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-bottom:7px}.candidate-list{display:flex;gap:6px;flex-wrap:wrap}.candidate{background:white;border-radius:7px;padding:5px 8px;font-weight:700;animation:fade .3s}.candidate.unique{color:var(--gold);border:1px solid var(--gold)}
.pyramid-layout{height:calc(100vh - 250px);min-height:570px;display:grid;grid-template-columns:1.2fr .8fr;gap:30px}.pyramid-board{direction:rtl;background:rgba(255,253,247,.82);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px}.pyramid-row{direction:rtl;display:grid;grid-template-columns:28px auto;align-items:center;gap:10px;padding:5px 12px;border-radius:12px;transition:.3s}.pyramid-cells{direction:rtl;display:flex;gap:7px}.row-number{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:var(--gold2);font-size:12px;font-weight:800}.pyramid-row.active{background:rgba(186,139,46,.12)}.pyramid-row.complete .p-cell{border-color:var(--gold)}.p-cell{width:52px;height:52px;border-radius:9px;border:1px solid rgba(16,43,70,.2);background:white;display:grid;place-items:center;font-size:25px;font-weight:800}.p-cell.old{animation:slideIn .45s both}.p-cell.new{animation:pop .45s both;color:var(--gold)}.pyramid-layout .interaction-panel{justify-content:center}.clue-blank{display:inline-block;width:3.2em;height:.82em;border-bottom:2px solid currentColor;vertical-align:baseline;margin-inline:.08em}.progress-label{font-size:13px;color:var(--gold);font-weight:800}.step-list{display:flex;gap:7px}.step-dot{width:28px;height:5px;border-radius:5px;background:var(--line)}.step-dot.done{background:var(--gold)}.completion{padding:14px;border-radius:12px;background:rgba(38,116,90,.1);color:var(--green);font-weight:800;text-align:center}.status{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);padding:10px 18px;border-radius:999px;background:var(--navy);color:white;opacity:0;pointer-events:none;transition:.25s;z-index:10}.status.show{opacity:1}.status.error{background:var(--red)}.shake{animation:shake .35s}.success-pulse{animation:success .65s}.game-complete .p-cell,.game-complete .cell{box-shadow:0 0 15px rgba(186,139,46,.35)}
@keyframes fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes letterIn{from{opacity:0;transform:scale(.7)}to{opacity:1;transform:none}}@keyframes slideIn{from{opacity:.2;transform:translateY(-10px)}to{opacity:1;transform:none}}@keyframes pop{0%{opacity:0;transform:scale(.3)}70%{transform:scale(1.12)}100%{opacity:1;transform:none}}@keyframes shake{25%{transform:translateX(7px)}50%{transform:translateX(-7px)}75%{transform:translateX(4px)}}@keyframes success{50%{box-shadow:0 0 0 5px rgba(38,116,90,.25)}}
.confetti-layer{position:fixed;z-index:100;inset:0;overflow:hidden;pointer-events:none}.confetti-layer i{position:absolute;top:-24px;left:var(--x);width:9px;height:17px;border-radius:2px;animation:confettiFall var(--duration) cubic-bezier(.18,.72,.36,1) var(--delay) both}.confetti-layer i.round{width:10px;height:10px;border-radius:50%}@keyframes confettiFall{0%{transform:translate3d(0,-5vh,0) rotate(0);opacity:0}8%{opacity:1}100%{transform:translate3d(var(--drift),110vh,0) rotate(var(--spin));opacity:.9}}
@media(max-width:950px){body{overflow:auto}#app{height:auto;min-height:calc(100vh - 82px)}.home-screen.active{grid-template-columns:1fr;padding-block:50px}.converging-layout,.pyramid-layout{height:auto;min-height:0;grid-template-columns:1fr}.crossword{grid-template-columns:repeat(7,42px);grid-template-rows:repeat(8,42px)}.p-cell{width:40px;height:40px}.game-screen{padding-inline:16px}.game-heading{height:110px}.board-panel{overflow:auto}.candidates-wrap{grid-template-columns:1fr}}
@media(max-width:1100px){.contact-credit{font-size:11px;gap:5px}.topbar{padding-inline:20px}.top-actions{gap:8px}}
@media(max-width:760px){.contact-credit{position:fixed;z-index:20;bottom:0;inset-inline:0;min-height:36px;padding:7px 12px;background:rgba(246,240,227,.96);border-top:1px solid var(--line);flex-wrap:wrap}.topbar{height:72px}.brand>span:last-child{display:none}.top-actions .ghost{padding:8px 10px}#app{min-height:calc(100vh - 108px);padding-bottom:36px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
body.presentation .dev-control,body.presentation .mode-label{display:none}
.clue-sentence{display:inline-flex;direction:rtl;align-items:baseline;gap:.35em}.clue-blank{display:inline-block;flex:0 0 3.2em;width:3.2em;height:3px;background:currentColor;border:0;border-radius:2px;margin:0;position:relative;top:.16em}
.input-shell{position:relative;display:block;flex:1;min-width:0}.input-shell input{padding-inline-start:15px;padding-inline-end:48px}.clear-answer{position:absolute;inset-inline-end:9px;top:50%;transform:translateY(-50%);width:32px;height:32px;border:0;border-radius:50%;display:grid;place-items:center;background:rgba(16,43,70,.08);color:var(--navy);font:700 22px/1 Arial,sans-serif;cursor:pointer;transition:.2s}.clear-answer:hover,.clear-answer:focus-visible{background:rgba(186,139,46,.2);outline:2px solid var(--gold);outline-offset:1px}.clear-answer[hidden]{display:none}
.hero-signals{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.hero-signals span{padding:8px 12px;border-radius:999px;border:1px solid rgba(186,139,46,.28);background:rgba(255,253,247,.55);color:var(--navy);font-size:12px;font-weight:800}.game-card{display:block;padding:0;overflow:hidden}.game-card-main{width:100%;min-height:154px;padding:22px 26px 16px;border:0;background:transparent;color:inherit;text-align:right;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr;gap:12px 22px}.game-card-main:focus-visible{outline:3px solid rgba(186,139,46,.4);outline-offset:-4px}.card-demo{width:100%;height:46px;border:0;border-top:1px solid var(--line);background:rgba(16,43,70,.035);color:var(--navy);font-weight:800;transition:.2s}.card-demo span{display:inline-grid;place-items:center;width:23px;height:23px;margin-inline-end:5px;border-radius:50%;background:var(--gold);color:white;font:10px/1 Arial,sans-serif;padding-inline-start:1px}.card-demo:hover,.card-demo:focus-visible{background:var(--navy);color:white;outline:none}.demo-badge{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;background:rgba(186,139,46,.12);color:var(--gold);font-size:12px;font-weight:800}.demo-badge>span{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 5px rgba(186,139,46,.12);animation:demoPulse 1.3s ease infinite}.demo-intro{position:fixed;z-index:120;inset:0;display:grid;place-content:center;justify-items:center;background:radial-gradient(circle at 50% 42%,#183b5d 0,#102b46 55%,#091d30 100%);color:white;text-align:center;opacity:1;transition:.4s}.demo-intro:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(225,189,107,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(225,189,107,.06) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(circle,#000,transparent 72%)}.demo-intro>*{position:relative}.demo-intro-mark{width:92px;height:92px;border-radius:28px;display:grid;place-items:center;background:rgba(255,255,255,.07);border:1px solid rgba(225,189,107,.25);box-shadow:0 0 60px rgba(186,139,46,.2)}.demo-intro-mark img{width:76px;height:76px;object-fit:contain}.demo-intro p{margin:24px 0 5px;color:var(--gold2);font-size:14px;letter-spacing:.1em}.demo-intro h2{font-size:clamp(42px,5vw,72px);margin:0;font-weight:500}.demo-count{display:grid;place-items:center;width:74px;height:74px;margin-top:28px;border:1px solid rgba(255,255,255,.22);border-radius:50%;font:700 36px/1 Arial,sans-serif;color:var(--gold2)}.demo-count.tick{animation:countTick .55s ease}.demo-intro.leaving{opacity:0;transform:scale(1.025)}.demo-running .interaction-panel{box-shadow:var(--shadow),0 0 0 1px rgba(186,139,46,.2),0 0 38px rgba(186,139,46,.08)}@keyframes countTick{0%{transform:scale(.72);opacity:.35}65%{transform:scale(1.1)}100%{transform:none;opacity:1}}@keyframes demoPulse{50%{transform:scale(.75);opacity:.55}}
.event-ribbon{display:flex;align-items:center;justify-content:center;gap:14px;height:28px;color:var(--muted);font-size:11px;letter-spacing:.04em}.event-ribbon b{color:var(--gold)}.hint-button{border:1px solid var(--gold);border-radius:12px;padding:0 16px;background:transparent;color:var(--gold);font-weight:800}.stage-controls{display:none;position:fixed;z-index:30;bottom:22px;left:50%;transform:translateX(-50%);gap:8px;padding:8px;border-radius:18px;background:rgba(9,29,48,.9);box-shadow:0 12px 35px rgba(0,0,0,.3);backdrop-filter:blur(12px)}.stage-controls button{border:1px solid rgba(255,255,255,.18);border-radius:11px;background:transparent;color:white;padding:9px 15px}.question-curtain{position:fixed;z-index:110;inset:0;display:grid;place-content:center;text-align:center;background:var(--navy);color:white;opacity:0;visibility:hidden;transform:scale(.985);transition:.28s}.question-curtain:after{content:"";position:absolute;inset:9%;border:1px solid rgba(225,189,107,.25);border-radius:32px}.question-curtain small{color:var(--gold2);font-size:16px;margin-bottom:15px}.question-curtain strong{font-family:"Keter",Arial,sans-serif;font-size:clamp(32px,5vw,70px);max-width:900px}.question-curtain.show{opacity:1;visibility:visible;transform:none}.question-curtain.leave{opacity:0;transform:scale(1.025)}.finish-screen{position:fixed;z-index:130;inset:clamp(20px,6vw,80px);padding:clamp(32px,6vw,80px);border:1px solid rgba(225,189,107,.45);border-radius:34px;background:radial-gradient(circle at 50% 20%,#234d72,#102b46 60%);color:white;text-align:center;box-shadow:0 30px 90px rgba(0,0,0,.35)}.finish-screen[hidden]{display:none}.finish-screen h2{font-size:clamp(42px,6vw,82px);margin:8px 0 28px}.finish-close{position:absolute;top:20px;left:22px;border:0;background:transparent;color:white;font-size:30px}.finish-stats{display:flex;justify-content:center;gap:70px;margin-bottom:34px}.finish-stats span{display:grid;gap:7px}.finish-stats b{font-size:38px;color:var(--gold2)}.finish-stats small{color:rgba(255,255,255,.65)}.finish-actions{display:flex;justify-content:center;gap:12px}.finish-actions button{min-height:48px;padding:0 26px}.finish-actions .ghost{color:white;border:1px solid rgba(255,255,255,.25);border-radius:12px}
.timer-card.urgent .timer-ring{animation:urgentPulse .9s ease-in-out infinite}.screen.active .board-panel,.screen.active .interaction-panel,.screen.active .pyramid-board{animation:stageIn .55s ease both}@keyframes urgentPulse{50%{transform:scale(1.07);filter:drop-shadow(0 0 8px rgba(163,61,56,.35))}}@keyframes stageIn{from{opacity:0;transform:translateY(14px) scale(.99)}to{opacity:1;transform:none}}
body.stage-mode{background:#091d30}body.stage-mode .topbar,body.stage-mode .contact-credit{display:none}body.stage-mode #app{height:100vh}body.stage-mode .game-screen{max-width:none;padding:clamp(28px,3vw,52px) clamp(35px,5vw,90px)}body.stage-mode .game-heading{height:105px;color:white}body.stage-mode .event-ribbon{color:rgba(255,255,255,.6)}body.stage-mode .timer-ring:before{background:#091d30}body.stage-mode .timer-card small{color:rgba(255,255,255,.65)}body.stage-mode .stage-controls{display:flex;opacity:.14;transition:.25s}body.stage-mode .stage-controls:hover,body.stage-mode .stage-controls:focus-within{opacity:1}body.stage-mode .converging-layout,body.stage-mode .pyramid-layout{height:calc(100vh - 165px);min-height:0}body.stage-mode .board-panel,body.stage-mode .interaction-panel,body.stage-mode .pyramid-board{background:rgba(255,253,247,.97)}
@media(max-width:760px){.event-ribbon{display:none}.top-actions [data-action="stage"]{display:none}.hint-button{padding-inline:10px}.input-row{flex-wrap:wrap}.input-shell{flex-basis:100%}.primary,.hint-button{height:46px;flex:1}.hero-copy h1{font-size:44px}.lead{font-size:17px}.game-card-main{padding-inline:18px}.finish-screen{inset:12px;padding:48px 20px}.finish-stats{gap:35px}.finish-actions{flex-direction:column}.stage-controls{max-width:calc(100vw - 20px)}}
@media(max-width:760px) and (orientation:portrait){.game-screen:before{content:"לחוויה מיטבית מומלץ לסובב את המכשיר";display:block;padding:8px 12px;margin-bottom:8px;border-radius:10px;background:rgba(186,139,46,.12);color:var(--gold);font-size:12px;text-align:center}}