:root{font-family:Stack Sans Headlines,sans-serif;line-height:1.5;font-weight:400}body{margin:0;min-width:320px;min-height:100vh}#root{width:100%;min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}:root{--knights-gap: 283px;--knights-max-width: 1010px;--knight-width: 180px;--knight-margin: -7px;--knights-margin-bottom: 30px;--knights-gap-spread: 280px;--knights-margin-top-spread: 140px;--knights-margin-bottom-spread: 149px;--outer-knight-offset-y: -7px;--outer-knight-offset-y-spread: 44px}@media(max-width:960px){:root{--knights-gap-spread: 150px !important;--knights-margin-top-spread: 160px !important;--knights-margin-bottom-spread: 100px !important}}@media(max-width:560px){:root{--knights-gap-spread: 60px !important;--knights-margin-bottom-spread: 30px !important;--knights-margin-top-spread: 0px !important}}.app-container{min-height:100vh;width:100%;background:radial-gradient(50% 50% at 50% 50%,#fff 0% 52.92%,#efead5);position:relative;overflow:hidden;font-family:Stack Sans Headline,sans-serif}.debug-panel{position:fixed;top:20px;right:20px;width:360px;background:#1e1e1ef2;border-radius:12px;padding:16px 16px 24px;z-index:9999;color:#fff;font-family:Monaco,Consolas,monospace;font-size:12px;box-shadow:0 8px 32px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-height:90vh;overflow-y:auto;overflow-x:hidden}@media(max-width:560px){.debug-panel{display:none}}.debug-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.debug-header h3{margin:0;font-size:14px;font-weight:600}.debug-close{background:none;border:none;color:#888;font-size:20px;cursor:pointer;padding:0;line-height:1}.debug-close:hover{color:#fff}.debug-section{margin-bottom:20px}.debug-section h4{color:#5e841a;font-size:11px;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}.debug-section label{display:block;margin-bottom:12px;color:#ccc}.debug-sim-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}.debug-section input[type=range]{width:100%;margin-top:6px;accent-color:#5E841A}.debug-actions{display:flex;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.debug-btn{flex:1;border:none;padding:10px 18px;font-weight:600;cursor:pointer;background:#5e841a;color:#fff}.debug-btn.preview:hover{background:#4d6e15}.debug-btn.reset{background:#444;color:#fff}.debug-btn.reset:hover{background:#555}.debug-btn.copy{background:#2563eb;color:#fff}.debug-btn.copy:hover{background:#1d4ed8}.debug-hint{margin-top:12px;text-align:center;color:#666;font-size:10px}.corner{position:absolute;width:250px;height:auto;z-index:10;pointer-events:none}.corner-top-left{top:0;left:0;transform:rotate(0)}.corner-top-right{top:0;right:0;transform:scaleX(-1)}.corner-bottom-left{bottom:0;left:0;transform:scaleY(-1)}.corner-bottom-right{bottom:0;right:0;transform:scale(-1)}.logo{position:absolute;top:20px;left:50%;transform:translate(-50%);height:40px;width:auto;z-index:20}.points-display{position:absolute;top:92px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;opacity:0;transition:opacity .5s ease;z-index:20}.points-timer{font-family:Stack Sans Headline,sans-serif;font-size:20px;font-weight:700;color:#1a1a1a;background:#ffffffe6;border:2px solid #5E841A;border-radius:999px;padding:0 14px;box-shadow:0 4px 12px #00000014;margin-bottom:4px}.points-display.visible{opacity:1}.points-progress{display:flex;align-items:center;gap:8px}.progress-steps{display:flex;gap:6px}.progress-step{width:40px;height:8px;background:#e0e0e0;border-radius:4px;transition:background .3s ease}.progress-step.completed{background:#5e841a}.progress-fill{height:100%;background:#5e841a;border-radius:4px;transition:width .5s ease}.points-label{font-family:Stack Sans Headline,sans-serif;font-size:14px;color:#2d2d2d;font-weight:500}.points-value{font-family:Stack Sans Headline,sans-serif;font-size:48px;font-weight:700;color:#5e841a;line-height:1;transition:transform .3s ease}.points-value.animate{animation:pointsPop .5s ease}@keyframes pointsPop{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.main-content{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:40px 20px;position:relative}@media(max-width:475px){.main-content{padding:0 10px 20px}}.results-view{padding-top:0!important}@media(max-width:560px){.results-view{padding-top:80px!important}}.knights-container{display:flex;padding-top:7%;justify-content:center;gap:var(--knights-gap);width:100%;max-width:var(--knights-max-width);margin-bottom:var(--knights-margin-bottom);transition:all .6s cubic-bezier(.4,0,.2,1)}.knights-container.spread{gap:var(--knights-gap-spread);margin-top:var(--knights-margin-top-spread);margin-bottom:var(--knights-margin-bottom-spread)}.knights-left,.knights-right{display:flex;transition:all .6s cubic-bezier(.4,0,.2,1)}.knights-left{margin-left:0}.knights-right{margin-right:0}.knights-container.spread .knights-left{margin-left:0}.knights-container.spread .knights-right{margin-right:0}.knight-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;transition:transform .6s cubic-bezier(.4,0,.2,1)}.knight-wrapper.outer{transform:translateY(var(--outer-knight-offset-y))}.knights-container.spread .knight-wrapper.outer{transform:translateY(var(--outer-knight-offset-y-spread))}.knight{width:var(--knight-width);height:auto;margin:0 var(--knight-margin);transition:transform .6s cubic-bezier(.4,0,.2,1)}.liar-bubble{position:absolute;top:-50px;left:50%;transform:translate(-50%) scale(0);padding:6px 16px;border-radius:50px;font-family:Stack Sans Headline,sans-serif;font-size:14px;font-weight:700;letter-spacing:1px;color:#fff;background:#dc2626;opacity:0;transition:all .4s cubic-bezier(.4,0,.2,1);transition-delay:.6s;z-index:10;box-shadow:0 4px 12px #dc262666}.liar-bubble.visible{opacity:1;transform:translate(-50%) scale(1)}.bet-bubble{display:flex;flex-direction:row;align-items:center;gap:1rem;position:absolute;top:-90px;left:50%;transform:translate(-50%) scale(.9);padding:8px 18px;border-radius:50px;font-family:Stack Sans Headline,sans-serif;font-size:13px;font-weight:700;letter-spacing:.5px;color:#fff;background:#5e841a;opacity:0;transition:all .35s cubic-bezier(.4,0,.2,1);transition-delay:.3s;z-index:9;box-shadow:0 4px 12px #00000040}.bet-bubble.failure{background:#c41e1e}.bet-bubble.liar{background:#c41e1e;display:block;padding:8px;width:11rem;top:-26%;text-align:center}.bet-text{display:block;font-size:16px;font-weight:800;line-height:1.2}.bet-label{display:block;font-size:14px;font-weight:400;letter-spacing:.5px;line-height:1}.bet-value{display:block;font-size:20px;font-weight:800;letter-spacing:.5px}.bet-bubble.visible{opacity:1;transform:translate(-50%) scale(1)}.answer-bubble{position:absolute;bottom:-70px;left:50%;transform:translate(-50%) scale(0);padding:8px 28px;border-radius:50px;font-family:Stack Sans Headline,sans-serif;font-size:24px;font-weight:200;color:#fff;opacity:0;transition:all .4s cubic-bezier(.4,0,.2,1);transition-delay:.3s}.answer-bubble.visible{opacity:1;transform:translate(-50%) scale(1)}.answer-bubble.yes{background:#5e841a}.answer-bubble.no{background:#c41e1e}.headline{font-family:Stack Sans Headline,sans-serif;font-size:36px;width:90%;max-width:650px;font-weight:400;text-align:center;color:#2d2d2d;line-height:1.2;margin-bottom:10px;transition:all .4s cubic-bezier(.4,0,.2,1);opacity:1;transform:translateY(0)}.headline.hidden{opacity:0;transform:translateY(-20px);height:0;margin:0;overflow:hidden}.submitted-question{font-family:Stack Sans Headline,sans-serif;font-size:32px;font-weight:400;text-align:center;color:#2d2d2d;line-height:1.3;max-width:700px;margin-bottom:40px;opacity:0;transform:translateY(20px);transition:all .4s cubic-bezier(.4,0,.2,1);transition-delay:.2s;height:0;overflow:hidden}@media(max-width:560px){.submitted-question{font-size:20px}}.submitted-question.visible{opacity:1;transform:translateY(0);height:auto}.score-breakdown{display:flex;gap:16px;margin-bottom:24px;animation:fadeIn .5s ease .3s both}.score-item{display:flex;flex-direction:column;align-items:center;padding:12px 20px;border-radius:12px;background:#7faa351a;border:1px solid rgba(127,170,53,.3)}.score-item .score-label{font-size:12px;color:#666;text-transform:uppercase;letter-spacing:.5px}.score-item .score-value{font-size:24px;font-weight:700;color:#5e841a}.score-item.gamble.positive{background:#7faa3533;border-color:#7faa35}.score-item.gamble.positive .score-value{color:#5e841a}.score-item.gamble.negative{background:#c832321a;border-color:#c832324d}.score-item.gamble.negative .score-value{color:#c83232}.score-item.gamble.neutral{background:#9696961a;border-color:#9696964d}.score-item.gamble.neutral .score-value{color:#888}.score-item.gamble.neutral .score-value.loss{color:#c83232}.score-item.total{background:linear-gradient(135deg,#5e841a,#7faa35);border:none}.score-item.total.negative{background:linear-gradient(135deg,#8b2222,#c83232)}.score-item.total .score-label{color:#fffc}.score-item.total .score-value{color:#fff}.input-container{display:flex;width:574px;height:152px;padding:16px;flex-direction:column;justify-content:space-between;align-items:center;border-radius:20px;border:1px solid #7FAA35;background:#fff;margin-bottom:24px;transition:all .4s cubic-bezier(.4,0,.2,1);opacity:1;transform:translateY(0)}@media(max-width:560px){.input-container{min-height:unset!important;height:150px!important}}.input-container.hidden{display:none;transform:translateY(20px);height:0;padding:0;margin:0;overflow:hidden;border:none}.question-input{width:100%;flex:1;border:none;outline:none;resize:none;font-family:Stack Sans Headline,sans-serif;font-size:18px;color:#2d2d2d;background:transparent}@media(max-width:560px){.question-input{font-size:14px}}.question-input::placeholder{color:#a0a0a0;text-align:center}.char-count{font-family:Stack Sans Headline,sans-serif;font-size:14px;color:#a0a0a0}.submit-button{border-radius:80px;background:#5e841a;color:#fff;font-family:Stack Sans Headline,sans-serif;font-size:18px;font-weight:400;padding:16px;border:none;cursor:pointer;transition:all .3s ease}.submit-button:hover{background:#4d6e15}.submit-button.next-question{border:2px solid #5E841A;background:transparent;color:#5e841a}.submit-button.next-question:hover{background:#5e841a;color:#fff}@media(max-width:1064px){.corner{width:200px}.knights-container{gap:150px}}@media(max-width:960px){.knights-container{scale:.8}}@media(max-width:768px){.corner{width:150px}.knights-container{scale:.8}.knights-left,.knights-right{margin:0}.headline{font-size:24px}.input-container{width:90%;max-width:574px;height:auto;min-height:180px}}@media(max-width:640px){.knights-container{scale:.75}}@media(max-width:560px){.knights-container{scale:.48;padding-top:40%;margin-bottom:-60px}.logo{height:32px}}@media(max-width:400px){.knights-container{gap:100px!important}}.game-timer{position:absolute;top:70px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:12px 24px;background:#fffffff2;border:2px solid #5E841A;border-radius:50px;box-shadow:0 4px 20px #0000001a;opacity:0;visibility:hidden;transition:all .3s ease;z-index:25}.game-timer.visible{opacity:1;visibility:visible}.game-timer.warning{border-color:#dc2626;background:#fee2e2f2}.game-timer.warning .timer-value{color:#dc2626}.game-timer.warning .timer-label{color:#991b1b}.timer-round{font-size:14px;font-weight:600;color:#1a1a1a}.timer-divider{color:#ccc;font-weight:300}.timer-label{font-size:14px;font-weight:500;color:#5e841a;text-transform:uppercase;letter-spacing:1px}.timer-value{font-size:24px;font-weight:700;color:#1a1a1a;font-variant-numeric:tabular-nums;min-width:50px;text-align:center}.gamble-prompt{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:24px;animation:fadeIn .3s ease}.gamble-active{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#5e841a,#7faa35);border-radius:50px;color:#fff;font-size:14px;margin-bottom:24px;animation:fadeIn .3s ease}.gamble-active strong{font-weight:700;text-transform:capitalize}.gamble-prompt p{font-size:18px;font-weight:500;color:#2d2d2d}.gamble-prompt-buttons{display:flex;gap:12px}.gamble-btn{padding:12px 32px;border-radius:50px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;border:2px solid}.gamble-btn.yes{background:#5e841a;border-color:#5e841a;color:#fff}.gamble-btn.yes:hover{background:#4a6a14}.gamble-btn.no{background:#fff;border-color:#ccc;color:#666}.gamble-btn.no:hover{border-color:#999;color:#333}.gamble-selection{display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px;background:#fffffff2;border-radius:20px;border:2px solid #5E841A;margin-bottom:24px;animation:fadeIn .3s ease}.gamble-title{font-size:16px;font-weight:500;color:#2d2d2d;margin:0}.gamble-knights{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.gamble-knight-btn{padding:10px 20px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:2px solid #ddd;background:#fff;color:#333}.gamble-knight-btn:hover{border-color:#5e841a}.gamble-knight-btn.selected{background:#5e841a;border-color:#5e841a;color:#fff}.gamble-knight-btn.disabled{opacity:.45;cursor:not-allowed;border-color:#e2e2e2;background:#f7f7f7;color:#888}.gamble-knight-btn.disabled:hover{border-color:#e2e2e2;background:#f7f7f7;color:#888}.gamble-answers{display:flex;gap:12px}.gamble-answer-btn{padding:10px 32px;border-radius:50px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;border:2px solid #ddd;background:#fff;color:#333}.gamble-answer-btn:hover{border-color:#999}.gamble-answer-btn.yes.selected{background:#5e841a;border-color:#5e841a;color:#fff}.gamble-answer-btn.no.selected{background:#dc2626;border-color:#dc2626;color:#fff}.gamble-confirm-btn{padding:12px 40px;border-radius:50px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;background:linear-gradient(135deg,#5e841a,#7faa35);color:#fff;margin-top:8px}.gamble-confirm-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #5e841a4d}.button-row{display:flex;gap:16px;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.4,0,.2,1)}.button-row.hidden{opacity:0;transform:translateY(20px);pointer-events:none;height:0;overflow:hidden}.gamble-outline-btn{padding:12px 40px;border-radius:80px;font-size:18px;font-weight:400;font-family:Stack Sans Headline,sans-serif;cursor:pointer;transition:all .2s ease;border:2px solid #5E841A;background:transparent;color:#5e841a;text-align:center;min-width:140px}.gamble-outline-btn:hover{background:#5e841a14}.gamble-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.gamble-modal{background:#fff;border-radius:24px;padding:32px 40px;min-width:400px;max-width:90vw;position:relative;box-shadow:0 24px 64px #0000004d;animation:popIn .3s ease}.gamble-modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border:none;background:#f0f0f0;border-radius:50%;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#666;transition:all .2s ease}.gamble-modal-close:hover{background:#e0e0e0;color:#333}.gamble-modal-title{font-size:24px;font-weight:700;color:#333;margin:0 0 24px;text-align:center}.gamble-step{margin-bottom:24px;animation:fadeIn .3s ease}.gamble-step-label{font-size:14px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.gamble-modal-actions{display:flex;gap:12px;justify-content:center;margin-top:24px;padding-top:24px;border-top:1px solid #eee}.submit-button.hidden{display:none}.end-game-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease}.end-game-card{background:#fff;border-radius:24px;padding:48px 64px;text-align:center;box-shadow:0 24px 64px #0000004d;max-width:450px;animation:popIn .4s ease}@keyframes popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.end-game-title{font-size:32px;font-weight:700;color:#333;margin-bottom:32px}.final-score-breakdown{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.final-score-row{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:#7faa351a;border-radius:12px}.final-score-row .final-score-label{font-size:16px;color:#666}.final-score-row .final-score-value{font-size:24px;font-weight:700;color:#5e841a}.final-score-row.time-bonus{background:#ffc83226;border:1px solid rgba(255,180,0,.3)}.final-score-row.time-bonus .final-score-value{color:#c90}.final-score-row.total{background:linear-gradient(135deg,#5e841a,#7faa35);margin-top:8px}.final-score-row.total .final-score-label{color:#ffffffe6;font-weight:600}.final-score-row.total .final-score-value{color:#fff;font-size:32px}.end-game-stats{display:flex;gap:12px;justify-content:center;color:#888;font-size:14px;margin-bottom:32px}.play-again-btn{padding:16px 48px;border-radius:50px;font-size:18px;font-weight:700;cursor:pointer;transition:all .2s ease;border:none;background:linear-gradient(135deg,#5e841a,#7faa35);color:#fff}.play-again-btn:hover{transform:scale(1.05);box-shadow:0 8px 24px #5e841a66}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.agency-callout{position:absolute;top:12px;left:50%;transform:translate(-50%);z-index:100;font-family:Be Vietnam Pro,sans-serif;letter-spacing:-.4px}.agency-callout__toggle{display:flex;align-items:center;gap:6px;background:none;border:none;cursor:pointer;padding:8px 12px;border-radius:12px;transition:background .2s ease}.agency-callout__toggle:hover{background:#0000000a}.agency-callout__logo{height:32px;width:auto}.agency-callout__chevron{display:flex;align-items:center;justify-content:center;color:#666;transition:transform .3s ease}.agency-callout__chevron.open{transform:rotate(180deg)}.agency-callout__panel{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%) scale(.92);width:320px;background:#ffffffeb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(0,0,0,.08);border-radius:16px;padding:20px;box-shadow:0 12px 40px #0000001f;opacity:0;visibility:hidden;transition:opacity .25s ease,transform .25s ease,visibility .25s}.agency-callout__panel.visible{opacity:1;visibility:visible;transform:translate(-50%) scale(1)}.agency-callout__intro{font-size:14px;line-height:1.55;color:#333;margin:0 0 16px}.agency-callout__intro strong{font-weight:600;color:#000}.agency-callout__cta{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:48px;background:#000;border:1px solid #767676;border-radius:100px;color:#fff;font-size:16px;font-weight:500;text-decoration:none;overflow:hidden;cursor:pointer;transition:background .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}.agency-callout__cta:hover{background:#fff;color:#000;border-color:#4d4d4d;box-shadow:0 4px 12px #00000014}.agency-callout__cta-glow{position:absolute;width:180px;height:28px;left:-80px;top:-10px;background:radial-gradient(50% 50% at 50% 50%,#fff 40%,#5fdb00);border-radius:50%;filter:blur(10px);opacity:.4;transform:rotate(22deg);transition:transform .3s ease,opacity .3s ease;pointer-events:none}.agency-callout__cta:hover .agency-callout__cta-glow{transform:rotate(22deg) scale(1.8);opacity:.15}.agency-callout__cta-text{position:relative;z-index:2}.agency-callout__cta-arrow{position:relative;z-index:2;transition:filter .3s ease}.agency-callout__cta:hover .agency-callout__cta-arrow{filter:brightness(0)}@media(max-width:560px){.agency-callout__panel{width:280px;padding:16px}.agency-callout__logo{height:26px}}