body{background:#071a2d;color:#14213d}.trivia-page{--navy:#0b1e38;--ink:#14213d;--teal:#12a9b7;--gold:#f6c833;--red:#f34f5e;--cream:#fff9e9;--paper:#fffdf7;--purple:#6c4bd2;min-height:100vh;background:radial-gradient(circle at 18% 10%,#164d68 0,transparent 30%),linear-gradient(#0b223b 0 560px,#f8efd8 560px 100%);padding:22px 18px 90px;font-family:Open Sans,system-ui,sans-serif;overflow:hidden}.game-hero{max-width:1320px;min-height:460px;margin:0 auto 26px;border:3px solid rgba(255,255,255,.24);border-radius:34px;position:relative;display:grid;grid-template-columns:1fr 1.15fr;align-items:center;overflow:hidden;background:linear-gradient(125deg,#08172d 5%,#123958 55%,#087f8d);box-shadow:0 26px 70px #00101f88,inset 0 0 0 1px #ffd43d55}.hero-rays{position:absolute;inset:-80%;background:repeating-conic-gradient(from 10deg,#fff0 0 8deg,#ffe36710 8deg 15deg);animation:turn 40s linear infinite}@keyframes turn{to{transform:rotate(360deg)}}.hero-copy{position:relative;z-index:2;padding:52px 20px 52px 58px;color:#fff}.hero-kicker{font-size:.78rem;font-weight:900;letter-spacing:.18em;color:#ffe76d}.hero-copy h1{font-family:Georgia,serif;font-size:clamp(3rem,6vw,6rem);line-height:.86;margin:14px 0;text-shadow:0 5px 0 #071427,0 8px 25px #000}.hero-copy h1 span{display:block;color:var(--gold);font-style:italic}.hero-hebrew{font-size:1.45rem;font-weight:800;color:#8df5ff;margin:16px 0}.hero-sub{max-width:630px;font-size:1.08rem;line-height:1.6;color:#e8f9ff}.hero-stats{display:flex;gap:9px;flex-wrap:wrap;margin-top:26px}.hero-stats span{background:#fff1;border:1px solid #fff4;border-radius:999px;padding:9px 13px;font-size:.78rem}.hero-stats strong{color:#ffe461;font-size:1rem}.crew-stage{height:100%;position:relative;z-index:1;align-self:stretch}.crew-art{width:100%;height:100%;object-fit:cover;display:block}.dancer{transform-box:fill-box;transform-origin:bottom center;animation:dance .8s ease-in-out infinite alternate}.dancer-b{animation-delay:-.3s}.dancer-c{animation-delay:-.55s}@keyframes dance{to{translate:0 -10px;rotate:3deg}}.setup-shell,.question-stage,.result-shell{max-width:1320px;margin:auto;display:grid;grid-template-columns:minmax(0,1.75fr) minmax(300px,.75fr);gap:22px}.deluxe-card{background:linear-gradient(145deg,#fffef9,#fff8e7);border:1px solid #d9cda9;border-radius:25px;box-shadow:0 18px 50px #0b1e3830}.setup-main{padding:34px}.section-heading{display:flex;align-items:center;gap:14px;margin:6px 0 18px}.section-heading>span{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--navy);color:#fff;font-weight:900;box-shadow:0 0 0 5px #f3c82f55}.section-heading h2{font-family:Georgia,serif;margin:0;font-size:1.55rem}.section-heading p{margin:3px 0;color:#6d6d6d;font-size:.88rem}button,input,select{font:inherit}.mode-grid,.difficulty-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:30px}.mode-card,.difficulty-card,.category-card{border:2px solid #dfd7c3;background:#fff;border-radius:17px;padding:18px;text-align:left;cursor:pointer;transition:.2s;color:var(--ink)}.mode-card:hover,.difficulty-card:hover,.category-card:hover{transform:translateY(-2px);border-color:#7bcbd1}.mode-card.active,.difficulty-card.active,.category-card.selected{border-color:var(--teal);background:#eaffff;box-shadow:inset 0 0 0 2px #14a9b733,0 8px 18px #14a9b71a}.mode-card{display:grid;grid-template-columns:auto 1fr;gap:5px 12px}.live-room-card{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;gap:4px 13px;align-items:center;padding:18px;border-radius:17px;background:linear-gradient(105deg,#0a263f,#087f8d);color:#fff;text-decoration:none;border:2px solid #42d5dd;box-shadow:0 10px 26px #087f8d44;transition:.2s}.live-room-card:hover{transform:translateY(-2px);box-shadow:0 14px 30px #087f8d66}.live-room-card .mode-icon{grid-row:1/3}.live-room-card small{color:#d9fbff}.live-room-card>b{grid-column:3;grid-row:1/3;color:#ffe35a;font-size:.78rem}.mode-icon{grid-row:1/3;font-size:2rem}.mode-card strong{font-size:1.03rem}.mode-card small,.difficulty-card small,.category-card small{color:#6a7080;line-height:1.35}.nickname-field{display:grid;gap:6px;font-weight:800;margin:-16px 0 30px}.nickname-field input{padding:13px 15px;border:2px solid #d5cdb8;border-radius:12px;max-width:420px}.nickname-field small{font-weight:400;color:#707070}.category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.category-card{min-height:126px;display:flex;flex-direction:column;gap:7px}.category-icon{font-size:1.55rem}.select-all{border:0;background:none;color:#087f8d;text-decoration:underline;font-weight:800;margin:11px 0 30px;cursor:pointer}.difficulty-grid{grid-template-columns:repeat(2,1fr)}.difficulty-card b{display:block;margin-bottom:8px}.round-row{display:flex;align-items:center;justify-content:space-between;background:#f4eedf;border-radius:14px;padding:14px 17px}.round-row label{font-weight:800}.round-row select{margin-left:8px;padding:8px;border-radius:8px;border:1px solid #b9ad90}.sound-toggle{display:flex;gap:8px}.start-actions{display:flex;gap:12px;margin-top:18px}.start-button,.daily-button{border:0;border-radius:15px;padding:16px 24px;font-weight:900;cursor:pointer}.start-button{flex:1;background:linear-gradient(100deg,#ef4557,#ff983d);color:#fff;font-size:1.12rem;box-shadow:0 9px #a52d38}.start-button:hover{transform:translateY(2px);box-shadow:0 7px #a52d38}.daily-button{background:#fff0a6;color:#654b00;border:2px solid #e2b81b}.setup-error{min-height:1.2em;color:#b22534;font-weight:700}.leaderboard-card{padding:25px;align-self:start;position:sticky;top:14px}.leader-head{display:flex;justify-content:space-between;align-items:center}.tiny-label{color:#ad7200;letter-spacing:.16em;font-weight:900;font-size:.72rem}.leader-head h2{font-family:Georgia,serif;margin:4px 0}.trophy{font-size:2.4rem}.board-tabs{display:flex;background:#eee5ce;border-radius:10px;padding:4px;margin:16px 0}.board-tabs button{flex:1;border:0;background:none;padding:8px;border-radius:8px;cursor:pointer}.board-tabs button.active{background:#fff;box-shadow:0 2px 8px #0001;font-weight:800}.score-list{list-style:none;padding:0;margin:0}.score-list li{display:flex;align-items:center;gap:10px;padding:12px 4px;border-bottom:1px dashed #d9ceb2}.score-list .rank{width:30px;font-weight:900}.score-list .player{display:flex;flex:1;min-width:0;flex-direction:column;font-weight:800;overflow:hidden;text-overflow:ellipsis}.score-list .player small{font-weight:400;color:#78736a;font-size:.7rem}.score-list strong{color:#b27300}.board-loading{color:#777}.board-note{font-size:.74rem;color:#777;line-height:1.4}.fair-play{display:flex;gap:8px;flex-direction:column;background:#eafafa;padding:12px;border-radius:12px;font-size:.78rem}.fair-play span{color:#667}.game-shell{max-width:1320px;margin:auto}.game-topbar{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:18px;background:#071a2d;color:#fff;padding:14px 20px;border-radius:18px;margin-bottom:18px}.quit-button{width:38px;height:38px;border:1px solid #fff4;border-radius:50%;color:#fff;background:#fff1;font-size:1.4rem;cursor:pointer}.round-progress span{font-weight:800;font-size:.82rem}.progress-track{height:8px;background:#fff2;border-radius:99px;margin-top:7px;overflow:hidden}.progress-track i{display:block;height:100%;background:linear-gradient(90deg,#16c6d6,#ffe044);border-radius:99px;transition:.4s}.hud-stat{text-align:center;border-left:1px solid #fff2;padding-left:18px}.hud-stat small{display:block;color:#82dbe3;font-size:.62rem;letter-spacing:.12em}.hud-stat strong{font-size:1.25rem}.question-stage{grid-template-columns:minmax(0,1.7fr) minmax(250px,.55fr)}.question-card{padding:34px;position:relative;overflow:hidden}.question-meta{display:flex;gap:8px}.question-meta span{font-size:.7rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;padding:7px 10px;border-radius:99px;background:#dff8fa;color:#076c77}.question-meta span+span{background:#fff0b6;color:#806000}.timer-wrap{display:flex;align-items:center;gap:10px;margin:17px 0}.timer-wrap>div{height:7px;background:#1cb7c5;border-radius:99px;transition:width .1s linear;flex:1}.timer-wrap>div.danger{background:#ee4152}.timer-wrap span{font-weight:900;color:#516}.question-card h2{font-family:Georgia,serif;font-size:clamp(1.35rem,2.2vw,2rem);line-height:1.38;min-height:115px}.answer-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.answer-button{border:2px solid #ddd2b8;background:#fff;border-radius:15px;padding:14px;display:flex;align-items:center;gap:12px;text-align:left;cursor:pointer;color:var(--ink);min-height:68px;transition:.18s}.answer-button span{flex:0 0 32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#edf6f6;font-weight:900;color:#087e89}.answer-button:hover:not(:disabled){border-color:#15aaba;transform:translateY(-2px)}.answer-button.correct{background:#e2fae8;border-color:#27a957}.answer-button.wrong{background:#ffe7e9;border-color:#eb5260}.answer-button.removed{opacity:.24}.answer-button b{font-weight:700}.lifelines{display:flex;gap:9px;margin-top:15px}.lifelines button{border:1px solid #d5cab0;background:#fff9e9;border-radius:10px;padding:9px 12px;cursor:pointer}.lifelines button small{opacity:.6}.feedback-panel{margin-top:18px;background:#edfafa;border-radius:16px;padding:16px;display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center}.feedback-panel[hidden]{display:none}.feedback-mark{width:43px;height:43px;display:grid;place-items:center;border-radius:50%;background:#16aaba;color:#fff;font-weight:900;font-size:1.4rem}.feedback-panel p{margin:4px 0;font-size:.88rem}.feedback-panel a{color:#087582;font-weight:800;font-size:.8rem}.feedback-panel button{border:0;background:var(--navy);color:#fff;padding:12px 15px;border-radius:11px;font-weight:800;cursor:pointer}.correct-flash{animation:correct .45s}.wrong-flash{animation:wrong .35s}@keyframes correct{50%{box-shadow:0 0 0 8px #2bc66755,0 18px 50px #0b1e3830}}@keyframes wrong{25%,75%{transform:translate(-5px)}50%{transform:translate(5px)}}.journey-card{padding:22px;align-self:start}.van-window{height:92px;border-radius:16px;background:linear-gradient(#76dce9 0 58%,#d4b272 58%);position:relative;overflow:hidden}.mini-van{position:absolute;z-index:2;font-size:3rem;left:12px;bottom:9px;filter:drop-shadow(0 4px 2px #0003)}.van-window i{position:absolute;left:0;bottom:0;height:9px;background:#f6cb30;transition:.4s}.journey-card h3{font-family:Georgia,serif}.journey-stats{display:flex;justify-content:space-between;font-size:.78rem}.journey-stats b{display:block;font-size:1.2rem;color:#087e89}.flame-path{display:flex;flex-wrap:wrap;gap:4px;margin:18px 0}.flame-path i{font-style:normal;color:#ddd}.flame-path i.lit{color:#f0544f;text-shadow:0 0 8px #ffae22}.flame-path i.dim{color:#b7afa0}.journey-card blockquote{font-family:Georgia,serif;font-style:italic;line-height:1.5;color:#645b49;border-left:4px solid #efc832;padding-left:12px;margin:20px 0 0;font-size:.87rem}.result-shell{grid-template-columns:1.15fr .85fr}.result-card{padding:45px;text-align:center;position:relative}.result-burst{font-size:4rem;filter:drop-shadow(0 6px 12px #e84b3d66);animation:pulse 1s infinite alternate}@keyframes pulse{to{transform:scale(1.12)}}.result-card h2{font-family:Georgia,serif;font-size:2.2rem}.result-score{font-weight:900;color:#a86e00}.result-score span{display:block;font-size:4.3rem;line-height:1;color:#0a7f8a}.result-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.result-grid span{background:#f3eddd;border-radius:12px;padding:12px;font-size:.75rem}.result-grid b{display:block;font-size:1.15rem}.achievement-row{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:20px 0}.achievement-row span{background:#fff0ab;border:1px solid #e2b81b;border-radius:99px;padding:8px 12px;font-weight:800;font-size:.78rem}.submit-status{color:#42706e}.result-actions{display:flex;gap:10px}.result-actions button{flex:1;border:0;border-radius:13px;background:var(--navy);color:#fff;padding:14px;font-weight:900;cursor:pointer}.result-actions button+button{background:#e3d7ba;color:#342d20}.review-list{margin-top:18px;max-height:400px;overflow:auto;text-align:left}.review-list article{display:grid;gap:4px;padding:12px;border-left:4px solid #d84d58;background:#fff;margin-bottom:8px;font-size:.78rem}.review-list article.review-right{border-color:#26a45a}.review-list a{color:#087984}.celebration-scene{border-radius:25px;overflow:hidden;position:relative;box-shadow:0 18px 50px #0b1e3830;background:#80e7ff;min-height:0;aspect-ratio:720/430;align-self:center}.celebration-scene img{width:100%;height:100%;object-fit:contain;filter:saturate(1.18) contrast(1.05)}.celebration-caption{position:absolute;inset:auto 16px 16px;background:#071a2ddd;color:#fff;border:1px solid #fff5;border-radius:16px;padding:14px;text-align:center;display:grid}.celebration-caption strong{color:#ffe044;font-size:1.2rem}.celebration-caption span{font-size:1.35rem}.confetti i{position:fixed;z-index:9999;top:-20px;left:var(--x);width:10px;height:18px;border-radius:2px;animation:fall var(--d) linear forwards;rotate:var(--r);pointer-events:none}@keyframes fall{to{translate:0 110vh;rotate:720deg}}[hidden]{display:none!important}@media(max-width:980px){.game-hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:38px}.crew-stage{height:360px}.setup-shell,.question-stage,.result-shell{grid-template-columns:1fr}.leaderboard-card{position:static}.category-grid,.difficulty-grid{grid-template-columns:repeat(2,1fr)}.journey-card{display:none}}@media(max-width:600px){.trivia-page{padding:10px 10px 60px;background:linear-gradient(#0b223b 0 650px,#f8efd8 650px)}.game-hero{border-radius:22px}.hero-copy{padding:27px 20px}.hero-copy h1{font-size:3.3rem}.hero-sub{font-size:.93rem}.hero-stats span{font-size:.68rem}.crew-stage{height:285px}.setup-main,.question-card,.result-card{padding:21px}.mode-grid,.category-grid,.difficulty-grid,.answer-grid{grid-template-columns:1fr}.category-card{min-height:0}.round-row{align-items:flex-start;gap:14px;flex-direction:column}.start-actions{flex-direction:column-reverse}.game-topbar{grid-template-columns:auto 1fr auto;padding:10px;gap:8px}.streak-stat{display:none}.question-card h2{min-height:0;font-size:1.25rem}.feedback-panel{grid-template-columns:auto 1fr}.feedback-panel button{grid-column:1/3}.result-grid{grid-template-columns:repeat(2,1fr)}.result-score span{font-size:3.5rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.confetti{display:none}}
