@font-face{font-family:Heebo;src:url('heebo-regular.ttf') format('truetype');font-weight:100 500;font-display:swap}@font-face{font-family:Heebo;src:url('heebo-bold.ttf') format('truetype');font-weight:600 900;font-display:swap}*{box-sizing:border-box} :root{--ink:#1a2447;--blue:#2863d8;--sky:#dff3fc;--yellow:#ffce49;--orange:#f08738;--paper:#fff;--line:2px solid var(--ink)}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#f8fafc;font:16px/1.65 Heebo,Arial,sans-serif;background-image:radial-gradient(#1a244711 1px,transparent 1px);background-size:18px 18px}button,a{-webkit-tap-highlight-color:transparent}button,input,textarea{font:inherit}button,a.btn{cursor:pointer}button{color:inherit}a{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #1d68e8;outline-offset:5px}button:disabled{cursor:default}button{touch-action:manipulation}header{background:#fff;border-bottom:1px solid #1a24471a}.header-inner{max-width:1170px;margin:auto;padding:10px 28px;display:flex;justify-content:space-between;align-items:center;gap:12px}.brand{display:flex;gap:14px;align-items:center;background:none;border:0;text-align:right;padding:0}.brand img{height:61px;width:76px;object-fit:contain}.brand span{font-size:14px;border-right:1px solid #d9dce4;padding-right:14px}.header-actions{display:flex;gap:10px;align-items:center}.game-label{font-size:14px;margin-left:12px;color:#526077}.icon-button{width:42px;height:42px;border:1px solid #d7dce6;border-radius:50%;background:white;display:grid;place-items:center;font-size:20px;font-weight:700}.icon-button:hover{background:var(--sky)}main{max-width:1140px;margin:auto;padding:30px 28px 48px;min-height:calc(100svh - 156px)}h1,h2,h3,p{margin:0}h1{font-size:clamp(2.5rem,5.6vw,4.8rem);line-height:1.13;letter-spacing:-.045em;font-weight:900}h2{font-size:clamp(1.7rem,3vw,2.6rem);line-height:1.3;font-weight:900}h3{font-size:1.45rem;line-height:1.4}p{line-height:1.75}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700;margin-bottom:17px}.eyebrow:before{content:'';width:22px;height:3px;background:var(--orange)}.pill{display:inline-block;border:1px solid #cad2e1;border-radius:30px;background:#fff;padding:4px 13px;font-size:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:var(--line);border-radius:12px;background:white;padding:12px 23px;font-weight:800;text-decoration:none;min-height:50px;transition:transform .16s,box-shadow .16s;line-height:1.5}.btn:hover{transform:translateY(-2px);box-shadow:0 4px 0 var(--ink)}.btn:active{transform:translateY(1px);box-shadow:none}.primary{background:var(--yellow);box-shadow:0 4px 0 var(--ink)}.blue{background:var(--blue);color:#fff}.quiet{border-color:transparent;background:transparent;box-shadow:none!important}.start-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:44px;align-items:center;padding:30px 0 24px}.start-copy h1 .highlight{display:block;color:var(--blue);position:relative}.start-copy>p{font-size:18px;margin:21px 0;color:#46526b;max-width:430px}.start-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:27px}.start-actions .primary{font-size:19px}.micro{font-size:14px;color:#57627a;margin-top:20px;display:flex;gap:16px;flex-wrap:wrap}.book-scene{position:relative;padding:26px 9px 22px;perspective:1500px}.book-frame{border:3px solid var(--ink);border-radius:14px;overflow:hidden;box-shadow:-8px 9px 0 #1a2447, -15px 15px 0 #dbe5f3;transform:rotate(-3deg);background:var(--yellow);position:relative;animation:book-open 1s ease both}.book-frame img{width:100%;display:block;aspect-ratio:1/1.1;object-fit:cover;object-position:50% 50%}.book-caption{position:absolute;bottom:17px;right:15px;left:15px;border:var(--line);background:#fff;padding:12px 15px;border-radius:9px;font-size:17px;font-weight:800;text-align:center;transform:rotate(2deg);box-shadow:3px 3px 0 #1a2447}.speech{border:var(--line);border-radius:20px 20px 3px 20px;background:#fff;box-shadow:4px 4px 0 var(--ink);padding:14px 21px;font-size:21px;font-weight:800;line-height:1.4}.cover-speech{position:absolute;z-index:2;top:0;right:-19px;max-width:285px;transform:rotate(4deg);animation:pop .5s .45s both}.cover-badge{position:absolute;bottom:0;left:-13px;z-index:2;background:var(--yellow);border:var(--line);border-radius:12px;padding:9px 15px;transform:rotate(-7deg);font-weight:900;box-shadow:3px 3px 0 var(--ink)}.skip-intro{font-size:14px;margin-top:15px;border:0;background:none;text-decoration:underline;color:#556079}.intro-second{animation:pop .5s 1.5s both}.intro-done *{animation-delay:0s!important;animation-duration:.01ms!important}.start-strip{border-top:1px solid #d9e0eb;margin-top:25px;padding-top:24px;display:flex;gap:24px;align-items:center;justify-content:center;font-size:15px}.start-strip b{color:var(--blue)}.section-heading{text-align:center;margin:15px 0 32px}.section-heading p{margin:12px auto;color:#56617a;max-width:600px}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:20px 0 30px}.category-card{border:var(--line);background:white;border-radius:17px;overflow:hidden;padding:0;text-align:right;box-shadow:0 5px 0 var(--ink);transition:transform .2s}.category-card:hover{transform:translateY(-6px) rotate(-1deg)}.category-art{height:205px;background:var(--accent);position:relative;overflow:hidden;border-bottom:var(--line)}.category-art img{width:100%;height:100%;object-fit:cover}.category-art.shabbat img{object-position:left top;width:300%;height:250%;max-width:none}.category-art.family img{width:420%;height:330%;max-width:none;transform:translateY(-35%)}.category-art.friends img{width:290%;height:165%;max-width:none;position:absolute;left:-181%;top:-3%}.category-symbol{position:absolute;bottom:12px;right:15px;font-size:27px;background:#fff;border:var(--line);border-radius:12px;padding:2px 10px}.category-info{padding:21px}.category-info p{font-size:16px;color:#556079;margin:10px 0 18px;min-height:84px}.category-link{font-weight:800;display:flex;justify-content:space-between}.guide-line{display:flex;align-items:center;gap:13px;max-width:650px;margin:24px auto;color:#43516c}.avatar{width:57px;height:57px;border-radius:50%;border:var(--line);object-fit:cover;flex-shrink:0}.guide-line p{font-size:15px}.back{border:0;background:none;font-size:15px;padding:8px 0;font-weight:600}.game-top{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:18px}.game-top .title{font-size:18px;font-weight:800}.game-shell{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:31px;align-items:start}.story-side,.choice-side{min-width:0}.meters{display:flex;gap:24px;align-items:center;margin-bottom:20px}.progress-wrap{flex:1}.meter-label{display:flex;justify-content:space-between;font-size:14px;margin-bottom:6px}.progress{height:7px;background:#e2e7ef;border-radius:20px;overflow:hidden}.progress span{height:100%;display:block;background:var(--blue);transition:width .3s}.chaos-wrap{min-width:130px;flex:1}.chaos-wrap .progress span{background:var(--orange)}.comic-panel{border:3px solid var(--ink);border-radius:16px;overflow:hidden;position:relative;background:var(--sky);box-shadow:0 5px 0 var(--ink);min-height:355px}.panel-art{height:355px;overflow:hidden}.panel-art>img{width:100%;height:100%;object-fit:cover;object-position:center 35%;filter:saturate(.9)}.panel-art .scene-overlay{position:absolute;inset:0;background:linear-gradient(0deg,#17234455,transparent 60%)}.panel-number{position:absolute;top:12px;right:13px;background:var(--yellow);border:var(--line);padding:2px 12px;font-size:14px;font-weight:800;transform:rotate(3deg)}.panel-speech{position:absolute;bottom:22px;right:19px;left:19px;font-size:19px;animation:pop .3s .15s both}.scene-icon{position:absolute;top:59px;left:14px;width:75px;height:75px;display:grid;place-items:center;background:#fff;border:var(--line);border-radius:22px;font-size:44px;transform:rotate(-7deg);box-shadow:3px 4px 0 var(--ink)}.comic-panel.reacting .panel-art{animation:wobble .4s}.comic-panel.reacting .scene-icon{animation:hop .5s}.effect{position:absolute;top:40%;left:20px;background:var(--yellow);border:var(--line);padding:6px 15px;font-weight:900;font-size:27px;transform:rotate(-10deg);animation:pop .25s;z-index:2}.story-context{margin-top:19px;border-right:3px solid var(--orange);padding-right:13px;font-size:14px;color:#556079}.choice-side h2{font-size:28px;margin-bottom:10px}.situation{font-size:18px;line-height:1.8;margin-bottom:22px}.choice-prompt{font-size:14px;font-weight:700;margin-bottom:12px;color:#556079}.choices{display:grid;gap:12px}.choice{display:flex;align-items:center;gap:14px;text-align:right;width:100%;background:white;border:1.5px solid #b4bdcd;border-radius:12px;padding:13px 15px;min-height:66px;font-size:16px;line-height:1.55;transition:background .15s,transform .15s,border-color .15s}.choice-number{display:grid;place-items:center;border-radius:9px;background:#edf2f9;width:32px;height:32px;flex-shrink:0;font-weight:800;color:#546279}.choice:hover:not(:disabled){background:#fff8d9;border-color:var(--ink);transform:translateX(-3px)}.choice.selected{background:#fff0b9;border:2px solid var(--ink);box-shadow:2px 3px 0 var(--ink)}.choice.selected .choice-number{background:var(--ink);color:#fff}.choice.muted{opacity:.44}.response{border:var(--line);border-radius:13px;background:var(--yellow);padding:15px 18px;margin-top:18px;animation:pop .2s}.response p{font-weight:700}.response-actions{display:flex;align-items:center;gap:15px;margin-top:10px}.response-actions button{padding:5px 16px;min-height:40px;font-size:14px}.auto-note{font-size:13px}.guide-message{display:flex;align-items:center;gap:12px;margin-top:22px;background:#eaf1fb;border:1px solid #d5e0f2;border-radius:13px;padding:12px}.guide-message p{font-size:14px;line-height:1.6}.guide-name{display:block;font-weight:800;font-size:13px}.screen{animation:enter .28s ease}.reel{text-align:center;padding:45px 0}.reel-panels{display:flex;justify-content:center;gap:12px;margin:30px auto;max-width:750px}.reel-panel{border:var(--line);border-radius:12px;background:var(--yellow);padding:20px 10px;flex:1;min-width:0;animation:flip .5s both}.reel-panel span{font-size:35px}.reel-panel p{font-size:13px;margin-top:10px}.type-parade{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:25px 0}.type-parade span{animation:pop .3s both;font-size:15px;background:#fff;border:1px solid #cbd4e5;border-radius:30px;padding:5px 12px}.result-layout{display:grid;grid-template-columns:390px minmax(0,1fr);gap:45px;align-items:start;max-width:970px;margin:auto}.result-heading{font-size:30px;margin:0 0 20px}.result-card{border:3px solid var(--ink);background:var(--sky);border-radius:19px;text-align:center;padding:20px 22px 15px;box-shadow:-6px 7px 0 var(--ink);overflow:hidden;position:relative}.result-card .card-logo{height:64px;max-width:100px;object-fit:contain}.result-card .card-label{font-size:14px;margin:4px 0}.result-card h2{font-size:35px;line-height:1.25;margin:7px 0 14px}.result-portrait{width:140px;height:140px;position:relative;margin:0 auto 15px}.result-portrait img{width:100%;height:100%;object-fit:cover;border:3px solid var(--ink);border-radius:50%}.type-icon{position:absolute;bottom:-5px;left:-14px;background:var(--yellow);border:var(--line);border-radius:13px;font-size:33px;padding:0 8px;transform:rotate(-9deg)}.result-card .personal{font-weight:700;font-size:17px;line-height:1.5;min-height:52px}.chaos-result{border:var(--line);border-radius:11px;background:#fff;margin:19px 0 14px;padding:9px;font-weight:800}.chaos-result span{display:block;font-size:13px;font-weight:400}.result-card .card-challenge{font-weight:900;font-size:23px}.card-url{direction:ltr;overflow-wrap:anywhere;font-size:12px;line-height:1.4;margin:5px 0 12px}.card-credit{font-size:12px;border-top:1px solid #1a244733;padding-top:10px}.card-tagline{font-size:13px;font-weight:700}.result-details>p{font-size:18px;margin:13px 0 23px}.ending{background:#fff;border:1px solid #cbd5e5;border-radius:13px;padding:18px 21px;margin:23px 0}.ending h3{font-size:19px;margin-bottom:8px}.ending p{font-size:15px;margin-top:8px}.result-actions{display:grid;gap:11px}.result-actions .primary{font-size:19px}.secondary-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.secondary-actions button{font-size:14px;padding:10px;min-width:0}.more-comics{border-top:1px solid #d0d8e5;margin-top:29px;padding-top:23px}.more-comics p{font-size:15px;margin:9px 0 15px}.creator{max-width:970px;margin:42px auto 0;padding:23px 0;border-top:1px solid #d0d8e5;display:flex;gap:25px;align-items:center}.creator h3{font-size:18px;white-space:nowrap}.creator p{font-size:14px;color:#556079}.creator a{font-size:14px;white-space:nowrap}.replay-question{font-size:15px;margin:18px 0 10px!important}.card-tools{display:flex;gap:9px;justify-content:center;margin-top:18px}.card-tools button{font-size:14px;min-height:42px;padding:8px 12px;border:1px solid #b4bdcd}.confetti{pointer-events:none;position:fixed;inset:0;overflow:hidden;z-index:20}.confetti i{position:absolute;top:-30px;width:9px;height:15px;background:var(--yellow);animation:fall 2s ease-in forwards}.confetti i:nth-child(3n){background:var(--blue)}.confetti i:nth-child(3n + 1){background:var(--orange)}footer{max-width:1084px;margin:auto;border-top:1px solid #d9e0eb;padding:20px 0;display:flex;justify-content:space-between;gap:12px;color:#58657d;font-size:13px}footer strong{color:var(--ink)}footer span{font-size:12px}dialog{color:var(--ink);border:var(--line);border-radius:19px;padding:28px;max-width:490px;width:calc(100% - 32px);box-shadow:8px 9px 0 #1a244744}dialog::backdrop{background:#13214099;backdrop-filter:blur(5px)}dialog h2{font-size:26px;margin-bottom:16px}dialog p{margin-bottom:20px}dialog .dialog-actions{display:flex;gap:12px;flex-wrap:wrap}dialog textarea{width:100%;height:150px;padding:12px;border:1px solid #8190a8;border-radius:9px;margin:12px 0}dialog.card-dialog{max-width:440px;padding:12px}dialog.card-dialog .result-card{box-shadow:none}.close-card{display:block;margin:0 auto 10px;font-size:14px;border:0;background:none;text-decoration:underline}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);border-radius:12px;background:var(--ink);color:white;max-width:calc(100% - 30px);width:max-content;padding:11px 20px;z-index:100;font-size:15px;opacity:0;pointer-events:none;transition:opacity .2s}#toast.visible{opacity:1}.skip{position:fixed;top:-100px;right:12px;background:var(--ink);color:white;padding:9px;z-index:100}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@keyframes book-open{from{transform:rotate(-8deg) rotateY(45deg);opacity:0}to{transform:rotate(-3deg);opacity:1}}@keyframes enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;scale:.7}to{opacity:1;scale:1}}@keyframes wobble{0%,100%{transform:rotate(0)}35%{transform:rotate(2deg)}70%{transform:rotate(-2deg)}}@keyframes hop{50%{translate:0 -15px}}@keyframes flip{from{transform:rotateY(90deg);opacity:0}to{transform:rotateY(0);opacity:1}}@keyframes fall{to{transform:translateY(105vh) rotate(560deg);opacity:0}}
@media(min-width:1300px){.start-layout{padding-top:45px;gap:60px}.book-frame img{aspect-ratio:1.07}}@media(max-width:800px){main{padding:24px 20px 35px}.header-inner{padding:8px 20px}.start-layout{gap:27px}.brand span{display:none}.game-label{font-size:12px;margin:0}.start-copy h1{font-size:3rem}.start-copy>p{font-size:16px}.cover-speech{font-size:17px;max-width:210px;right:0}.book-caption{font-size:14px}.start-actions{gap:8px}.start-actions .primary{font-size:16px}.category-grid{gap:14px}.category-info{padding:15px}.category-art{height:155px}.category-info p{font-size:14px;min-height:104px}.game-shell{gap:22px}.panel-art{height:330px}.comic-panel{min-height:330px}.result-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:28px}.result-card{padding:15px}.result-card h2{font-size:29px}.secondary-actions{grid-template-columns:1fr}footer{margin:0 20px}.creator{flex-wrap:wrap}}
@media(max-width:600px){.header-inner{padding:7px 17px}.brand img{height:49px;width:61px}.game-label{display:none}.icon-button{height:38px;width:38px}main{padding:19px 18px 32px}.start-layout{display:flex;flex-direction:column;gap:17px;padding:0}.start-copy{text-align:center;width:100%}.eyebrow{font-size:13px;margin-bottom:10px}.start-copy h1{font-size:2.7rem;line-height:1.11}.start-copy>p{font-size:15px;max-width:330px;margin:13px auto 0;line-height:1.6}.start-actions{justify-content:center;margin-top:17px}.start-actions .primary{font-size:17px;padding:12px 19px}.start-actions .quiet{font-size:14px;padding:8px}.micro{justify-content:center;margin-top:12px;font-size:12px}.book-scene{width:100%;max-width:350px;padding:15px 14px 20px;order:-1;margin-top:8px}.book-frame{border-radius:12px;box-shadow:-4px 5px 0 var(--ink),-8px 9px 0 #dbe5f3;transform:rotate(-2deg)}.book-frame img{aspect-ratio:1.65;object-position:50% 29%}.book-caption{display:none}.cover-speech{font-size:14px;padding:7px 12px;top:-3px;right:4px;max-width:186px;border-radius:14px 14px 3px 14px;box-shadow:2px 3px 0}.cover-badge{font-size:12px;padding:5px 9px;left:7px;bottom:4px}.skip-intro{position:absolute;bottom:-3px;right:24px;margin:0;font-size:12px}.start-strip{margin-top:25px;padding-top:18px;gap:12px;font-size:12px}.section-heading{margin:8px 0 22px}.section-heading p{font-size:15px;margin-top:10px}.category-grid{grid-template-columns:1fr;gap:18px;margin-top:0}.category-card{display:grid;grid-template-columns:115px 1fr;box-shadow:0 3px 0}.category-art{height:100%;min-height:180px;border-bottom:0;border-left:var(--line)}.category-info{padding:16px}.category-info h3{font-size:21px}.category-info p{font-size:14px;min-height:0;margin:6px 0 10px;line-height:1.6}.category-link{font-size:14px}.category-symbol{font-size:24px;right:12px;bottom:12px}.category-art.shabbat img{width:660%;height:155%;position:absolute;left:-500%}.category-art.family img{width:740%;height:205%;position:absolute;left:-612%;top:0;transform:translateY(-31%)}.category-art.friends img{width:500%;height:140%;left:-210%}.guide-line{margin:20px auto 8px}.game-top{margin-bottom:10px}.game-top .title{font-size:16px}.back{font-size:14px}.game-shell{display:flex;flex-direction:column;gap:20px}.story-side,.choice-side{width:100%}.meters{gap:18px;margin-bottom:15px}.meter-label{font-size:12px}.comic-panel{min-height:215px}.panel-art{height:215px}.panel-art>img{object-position:center 28%}.panel-speech{bottom:15px;right:14px;left:14px;font-size:17px;padding:10px 14px;border-radius:17px 17px 3px 17px}.panel-number{font-size:12px;top:9px;right:10px}.scene-icon{height:54px;width:54px;font-size:32px;top:15px;left:13px;border-radius:15px}.effect{font-size:22px;top:34%}.story-context{font-size:13px;margin-top:14px}.choice-side h2{font-size:24px;margin-bottom:8px}.situation{font-size:16px;line-height:1.7;margin-bottom:16px}.choice-prompt{margin-bottom:9px}.choices{gap:10px}.choice{padding:11px 12px;min-height:61px;font-size:15px;gap:11px}.choice-number{width:28px;height:28px;font-size:14px}.guide-message{margin-top:16px;padding:9px}.guide-message .avatar{width:43px;height:43px}.guide-message p{font-size:13px}.result-layout{display:flex;flex-direction:column;gap:29px;align-items:stretch}.result-card{max-width:370px;margin:auto;padding:18px 23px}.result-card h2{font-size:34px}.result-heading{font-size:25px;text-align:center}.result-details>p{font-size:16px}.result-card .personal{min-height:0}.result-portrait{width:125px;height:125px}.result-actions .primary{font-size:18px}.secondary-actions{grid-template-columns:1fr 1fr}.result-details .ending{margin-top:17px}.creator{display:block;margin-top:28px;padding-top:20px}.creator p{margin:10px 0}.reel{padding:25px 0}.reel-panels{gap:6px}.reel-panel{padding:16px 5px}.reel-panel span{font-size:27px}.reel-panel p{font-size:11px}.type-parade{gap:8px}.type-parade span{font-size:13px}.reel h2{font-size:24px}footer{font-size:12px;display:block;text-align:center;padding:16px 0}footer span{display:block;font-size:11px;margin-top:5px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-delay:0ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.confetti{display:none}}

.panel-guide{position:absolute;top:60px;right:20px;width:112px;height:117px;object-fit:cover;border:3px solid var(--ink);border-radius:50%;box-shadow:4px 4px 0 var(--ink);transform:rotate(5deg)}.reacting .panel-guide{animation:hop .5s}@media(max-width:600px){.panel-guide{width:70px;height:73px;top:52px;right:20px}}
main:focus{outline:none}@media(max-width:600px){.book-caption{display:block;font-size:12px;line-height:1.3;padding:5px 9px;bottom:8px;right:9px;left:45px;border-radius:7px}.book-caption br{display:none}}

.choice-settings{display:flex;justify-content:space-between;gap:12px;align-items:center}.choice-settings label{display:flex;gap:6px;align-items:center;font-size:12px;font-weight:400}.choice-settings input{accent-color:var(--blue);width:16px;height:16px}

.book-frame img{height:auto}@media(max-width:600px){.book-frame img{height:195px;aspect-ratio:auto;object-position:50% 28%}}@media(max-width:350px){.book-frame img{height:168px}}