@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Hebrew:wght@400;700;800;900&display=swap";:root{color:#151514;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#eef6f8;font-family:Noto Sans Hebrew,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;min-height:100%;overflow:hidden}body{overscroll-behavior:none;touch-action:manipulation;margin:0;overflow:hidden}.app-shell{height:var(--app-height,100dvh);min-height:var(--app-height,100svh);color:#151514;background:#7ec9f2;position:relative;overflow:hidden}.actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}button{color:#151514;cursor:pointer;font:inherit;background:#fffdf4;border:2px solid #151514;border-radius:8px;min-height:42px;padding:9px 14px;font-weight:800;box-shadow:3px 3px #151514}button:active{transform:translate(2px,2px);box-shadow:1px 1px #151514}.primary-action{color:#fff;background:#2f7dd3}.start-screen,.result-screen{z-index:2;min-height:100svh;padding:28px 20px;position:relative}.start-screen{text-align:center;background:linear-gradient(#7fcaf2 0 42%,#73bd68 42% 76%,#4f5250 76% 100%);justify-content:center;align-items:center;display:flex}.intro-copy{z-index:2;place-items:center;gap:20px;padding:24px;display:grid;position:relative}.eyebrow{color:#9a2f2f;margin:0}h1{color:#151514;text-shadow:4px 4px #fffdf4;max-width:760px;margin:0;font-size:clamp(3.4rem,13vw,8rem);line-height:.95}h2{color:#151514;margin:0;font-size:clamp(1.5rem,6vw,2rem);line-height:1.2}p{max-width:680px;margin:0;font-size:1.05rem;line-height:1.65}.play-screen{min-height:var(--app-height,100dvh);pointer-events:none;z-index:3;position:fixed;inset:0}.play-screen>*{pointer-events:auto}.play-topbar{pointer-events:none;inset-inline:14px;z-index:10;flex-flow:row-reverse wrap;justify-content:space-between;align-items:flex-start;gap:8px 12px;display:flex;position:absolute;top:14px}.corner-actions{pointer-events:auto;flex:none;gap:8px;display:flex}.corner-actions button{min-height:36px;padding:7px 10px}.hud{color:#fffdf4;pointer-events:none;text-align:right;text-shadow:2px 0 #151514,-2px 0 #151514,0 2px #151514,0 -2px #151514,2px 2px #151514,-2px 2px #151514,2px -2px #151514,-2px -2px #151514;direction:rtl;flex:260px;min-width:0;max-width:min(540px,100%);font-size:clamp(1rem,2.6vw,1.35rem);font-weight:900;line-height:1.2}.hud--expired,.result-time--expired{color:#b11f2d}.game-frame{box-shadow:none;height:var(--app-height,100dvh);min-height:var(--app-height,100dvh);z-index:1;background:#7ec9f2;border:0;border-radius:0;width:100%;position:absolute;inset:0;overflow:hidden}.game-frame canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.loading-overlay{color:#151514;text-shadow:2px 2px #fffdf4;z-index:2;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:1rem;font-weight:900;display:flex;position:absolute;inset:0}.loading-spinner{border:4px solid #fffdf4bf;border-top-color:#2f7dd3;border-radius:999px;width:42px;height:42px;animation:.85s linear infinite loading-spin}@keyframes loading-spin{to{transform:rotate(360deg)}}.event-panel{bottom:calc(24px + env(safe-area-inset-bottom));text-align:center;z-index:5;background:#fffdf4;border:3px solid #151514;border-radius:8px;justify-items:center;gap:14px;width:min(360px,100% - 32px);padding:18px;display:grid;position:absolute;left:50%;transform:translate(-50%);box-shadow:6px 6px #151514}.event-panel strong{color:#b11f2d;font-size:1.2rem;line-height:1.15}.event-panel p{font-size:.95rem;line-height:1.45}.modal-backdrop{z-index:20;background:#1515147a;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.confirmation-modal{text-align:center;background:#fffdf4;border:3px solid #151514;border-radius:8px;place-items:center;gap:18px;width:100%;max-width:360px;padding:22px;display:grid;box-shadow:6px 6px #151514}.result-screen{text-align:center;background:linear-gradient(#7fcaf2 0 42%,#73bd68 42% 76%,#4f5250 76% 100%);place-content:center;gap:20px;display:grid}.result-time{background:#fffdf4;border:2px solid #151514;border-radius:8px;justify-self:center;padding:10px 14px;font-weight:900}.share-state{color:#2f7d32;font-weight:900}@media (width<=760px){.play-topbar{inset-inline:8px;top:calc(8px + env(safe-area-inset-top))}.hud{flex-basis:220px}}