:root{--cream: #f4ecdc;--paper: #fbf6ea;--kraft: #e8cf92;--kraft-deep: #c9a45c;--ink: #1c2a36;--ink-soft: #4a5866;--alpine: #2c6690;--alpine-deep: #1d4a6d;--sky-top: #8fc3e3;--sky-low: #d5ebf3;--pine: #2e5b45;--summit: #d23f2a;--sun: #f2b632;--edge: rgba(60, 44, 20, .16);--shadow: 0 1px 0 rgba(255, 255, 255, .7) inset, 0 2px 0 rgba(70, 50, 20, .08), 0 6px 16px -6px rgba(50, 35, 10, .28);--grain: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .35  0 0 0 0 .27  0 0 0 0 .15  0 0 0 .55 0'/></filter><rect width='100%' height='100%' filter='url(%23n)' opacity='.22'/></svg>");--display: "Barlow Condensed", "Arial Narrow", system-ui, sans-serif;--body: "Barlow", system-ui, -apple-system, "Segoe UI", sans-serif;--vvh: 100svh;color-scheme:light}*{box-sizing:border-box}html,body{margin:0}body{font-family:var(--body);color:var(--ink);background:var(--cream) var(--grain);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button,input{font:inherit;color:inherit}img{display:block}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.app{min-height:var(--vvh);display:flex;flex-direction:column;max-width:1240px;margin:0 auto;padding:max(8px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom))}.topbar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:2px 2px 8px}.logo{width:92px;height:auto;filter:drop-shadow(0 2px 2px rgba(40,30,10,.18))}.ticket{justify-self:center;display:flex;align-items:baseline;gap:8px;padding:4px 16px 5px;background:var(--kraft) var(--grain);border-radius:6px;box-shadow:var(--shadow);clip-path:polygon(0 6%,3% 0,97% 2%,100% 8%,99% 94%,96% 100%,4% 98%,0 92%)}.ticket-label{font-family:var(--display);font-weight:700;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft)}.ticket-value{font-family:var(--display);font-weight:800;font-size:30px;line-height:1;font-variant-numeric:tabular-nums}.ticket-of{font-size:.55em;font-weight:700;color:var(--ink-soft);margin-left:3px}.top-actions{display:flex;gap:6px}.round-btn{width:44px;height:44px;border-radius:50%;border:1px solid var(--edge);background:var(--paper) var(--grain);box-shadow:var(--shadow);font-family:var(--display);font-weight:800;font-size:20px;display:grid;place-items:center;cursor:pointer;color:var(--ink)}.round-btn:focus-visible,.btn:focus-visible,.choice:focus-visible,summary:focus-visible{outline:3px solid var(--alpine);outline-offset:3px}.layout{flex:1;display:flex;flex-direction:column;gap:12px;min-height:0}.stage{position:relative}.mountain{position:relative;height:clamp(200px,37svh,320px);border-radius:18px;overflow:hidden;background:var(--grain),linear-gradient(180deg,var(--sky-top) 0%,#a9d2ea 45%,var(--sky-low) 100%);box-shadow:0 0 0 1px var(--edge),0 10px 24px -14px #1e28328c;transition:height .26s ease;isolation:isolate}.is-typing .mountain{height:104px}.is-typing .topbar{padding-bottom:6px}.is-typing .logo{width:68px}.is-typing .ticket-value{font-size:24px}.is-typing .top-actions{display:none}.is-typing .topbar{grid-template-columns:auto 1fr}.is-typing .layout{gap:8px}.is-typing .card{padding-top:10px}.is-cramped .stage,.is-cramped .topbar{display:none}.is-typing .bubble{visibility:hidden}.world{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform}.layer{position:absolute;max-width:none;-webkit-user-select:none;user-select:none;pointer-events:none}.cloud{animation:drift 46s ease-in-out infinite alternate}@keyframes drift{0%{translate:-40px 0}to{translate:60px 0}}.flag{transform-origin:6% 100%}.flag{animation:flutter 3.6s ease-in-out infinite}.is-celebrating .flag{animation:flutter-big .9s ease-in-out infinite}@keyframes flutter{0%,to{transform:skewY(0)}50%{transform:skewY(-1.6deg)}}@keyframes flutter-big{0%,to{transform:skewY(1deg) scaleX(1)}50%{transform:skewY(-4deg) scaleX(.96)}}.climber{position:absolute;left:0;top:0;will-change:transform;filter:drop-shadow(6px 8px 6px rgba(30,25,10,.28))}.climber img{width:100%;height:100%}.bubble{position:absolute;bottom:100%;margin-bottom:calc(6px * var(--inv, 3));transform:translate(-50%);transition:opacity .15s;font-family:var(--display);font-weight:800;font-size:calc(17px * var(--inv, 3));line-height:1;padding:calc(4px * var(--inv, 3)) calc(9px * var(--inv, 3));color:var(--paper);background:var(--alpine-deep);border-radius:calc(7px * var(--inv, 3));box-shadow:0 calc(2px * var(--inv, 3)) 0 #0000002e;font-variant-numeric:tabular-nums;white-space:nowrap}.bubble:after{content:"";position:absolute;left:50%;top:100%;border:calc(6px * var(--inv, 3)) solid transparent;border-top-color:var(--alpine-deep);transform:translate(-50%)}.scale{position:absolute;left:0;top:0;overflow:visible;pointer-events:none}.strip{fill:#e7c86c;stroke:#b99a43;stroke-width:2}.strip-shadow{fill:#281e0a47}.strip-highlight{stroke:#fffae18c;stroke-width:3}.tick{stroke:var(--ink);stroke-width:1.8;opacity:.75}.tick.mid{stroke-width:2.6;opacity:.9}.tick.major{stroke-width:3.6;opacity:1}.label{font-family:var(--display);font-weight:700;font-size:30px;fill:var(--ink)}.label.odd{opacity:0;transition:opacity .3s}.is-dense .label.odd,.is-zoomed .label.odd{opacity:1}.marker line{stroke:var(--summit);stroke-width:6;stroke-linecap:round}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.confetti span{position:absolute;top:-20px;border-radius:1px;box-shadow:0 1px 1px #00000026;animation-name:confetti;animation-timing-function:cubic-bezier(.3,.6,.5,1);animation-fill-mode:both}@keyframes confetti{0%{transform:translate(0) rotate(var(--rot));opacity:1}to{transform:translate(var(--drift),420px) rotate(calc(var(--rot) + 540deg));opacity:.9}}.progress{list-style:none;margin:0;padding:6px 10px;position:absolute;left:50%;top:10px;transform:translate(-50%);display:flex;gap:6px;background:#fbf6eaeb;border-radius:999px;box-shadow:var(--shadow)}.is-zoomed+.progress,.is-typing .progress{opacity:0}.progress{transition:opacity .25s}.dot{width:10px;height:10px;border-radius:50%;background:#d9cdb4;box-shadow:inset 0 1px 1px #00000026}.dot.done{background:var(--pine)}.dot.timeout{background:var(--summit)}.dot.current{background:var(--paper);box-shadow:0 0 0 2px var(--alpine)}.panel{display:flex;flex-direction:column}.card{background:var(--paper) var(--grain);border-radius:14px;box-shadow:0 0 0 1px var(--edge),var(--shadow);padding:16px}.eyebrow{margin:0;font-family:var(--display);font-weight:700;font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft)}.card-top{display:flex;align-items:center;justify-content:space-between;min-height:48px}.prompt{font-family:var(--display);font-weight:800;font-size:clamp(28px,8vw,40px);line-height:1.02;margin:2px 0 14px;letter-spacing:.005em}.answer-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.answer-form .btn{padding:12px 18px;font-size:19px;letter-spacing:.06em}.answer-input{width:100%;min-width:0;min-height:54px;padding:12px 16px;font-size:20px;font-weight:600;background:#fffdf6;border:2px solid #cdbf9f;border-radius:12px;box-shadow:inset 0 2px 3px #3c280a14;outline:none;transition:border-color .12s,box-shadow .12s}.answer-input::placeholder{color:#9b8f78;font-weight:500}.answer-input:focus{border-color:var(--alpine);box-shadow:0 0 0 4px #2c669038,inset 0 2px 3px #3c280a14}.answer-input.shake{animation:shake .36s ease}@keyframes shake{20%{translate:-7px 0}45%{translate:6px 0}70%{translate:-4px 0}90%{translate:2px 0}}.notice-area{margin-top:10px;min-height:22px}.notice{margin:0 2px;font-weight:600;color:#9a3a1f;font-size:15px}.suggestion{width:100%;min-height:56px;display:grid;gap:2px;text-align:left;padding:10px 14px;border:2px solid var(--alpine);border-radius:12px;background:#e6eff5 var(--grain);color:var(--ink);cursor:pointer;animation:rise .16s ease both}.suggestion:hover{background-color:#dbe8f1}.suggestion:focus-visible{outline:3px solid var(--alpine);outline-offset:3px}.suggestion-q{font-size:18px;font-weight:600}.suggestion-q strong{font-family:var(--display);font-weight:800;font-size:22px}.suggestion-hint{font-size:13px;color:var(--ink-soft)}.btn{min-height:52px;border:0;border-radius:999px;padding:12px 22px;font-family:var(--display);font-weight:800;font-size:21px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:transform 90ms ease,filter .12s}.btn:active{transform:translateY(2px)}.btn:disabled{opacity:.45;cursor:default;transform:none}.btn-primary{color:var(--paper);background:var(--alpine) var(--grain);box-shadow:0 3px 0 var(--alpine-deep),0 8px 16px -8px #14325099}.btn-primary:hover:not(:disabled){filter:brightness(1.06)}.btn-big{min-height:58px;font-size:24px;width:100%}.clock{position:relative;width:48px;height:48px;display:grid;place-items:center}.clock svg{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(-90deg)}.clock-track{fill:var(--cream);stroke:#ddd0b4;stroke-width:5}.clock-arc{fill:none;stroke:var(--alpine);stroke-width:5;stroke-linecap:round;transition:stroke-dashoffset .2s linear}.clock-num{position:relative;font-family:var(--display);font-weight:800;font-size:19px;font-variant-numeric:tabular-nums}.clock.urgent .clock-arc{stroke:var(--summit)}.clock.urgent .clock-num{color:var(--summit)}.no-clock{font-family:var(--display);font-weight:700;font-size:15px;letter-spacing:.08em;text-transform:uppercase;color:var(--pine);background:#dfe8d6;padding:6px 12px;border-radius:999px}.chooser-title{font-family:var(--display);font-weight:800;font-size:24px;margin:2px 2px 10px}.choices{list-style:none;margin:0;padding:0;display:grid;gap:10px}.choice{width:100%;min-height:64px;display:flex;align-items:center;gap:14px;padding:12px 16px;text-align:left;border:0;border-radius:14px;background:var(--paper) var(--grain);box-shadow:0 0 0 1px var(--edge),var(--shadow);cursor:pointer;transition:transform .1s ease,box-shadow .12s;animation:rise .28s ease both}.choices li:nth-child(2) .choice{animation-delay:50ms}.choices li:nth-child(3) .choice{animation-delay:.1s}.choice:hover{transform:translateY(-1px);box-shadow:0 0 0 2px var(--alpine),var(--shadow)}.choice:active{transform:translateY(1px)}.choice-num{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-family:var(--display);font-weight:800;font-size:18px;color:var(--paper);background:var(--pine)}.choice-text{font-family:var(--display);font-weight:700;font-size:24px;line-height:1.1}.rule-note{margin:10px 4px 0;font-size:14px;color:var(--ink-soft);text-align:center}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.reveal-card{text-align:center;display:grid;gap:6px;animation:rise .22s ease both}.reveal-card .btn{margin-top:8px}.reveal-answer{margin:0;font-family:var(--display);font-weight:800;font-size:34px;line-height:1.05}.reveal-points{margin:0;min-height:58px;display:grid;place-items:center;font-family:var(--display);font-weight:800;font-size:52px;line-height:1;color:var(--pine)}.reveal-points.penalty{color:var(--summit)}.reveal-sub{margin:0;color:var(--ink-soft)}.climbing{font-size:20px;color:var(--ink-soft);letter-spacing:.06em;animation:breathe 1.2s ease-in-out infinite}@keyframes breathe{50%{opacity:.45}}.pop-in{display:inline-block;animation:pop .42s cubic-bezier(.2,1.4,.4,1) both}@keyframes pop{0%{transform:scale(.6);opacity:0}to{transform:none;opacity:1}}.ending{text-align:center;display:grid;gap:4px;animation:rise .26s ease both}.ending-last{margin:0 0 4px;color:var(--ink-soft);font-weight:600}.ending-last .pop-in{color:var(--pine);font-family:var(--display);font-weight:800;font-size:20px}.ending-title{margin:4px auto 0;font-family:var(--display);font-weight:800;font-size:40px;line-height:1;padding:8px 22px 10px;border-radius:8px;background:var(--kraft) var(--grain);box-shadow:var(--shadow);transform:rotate(-1.5deg)}.ending-exact .ending-title{background:var(--sun) var(--grain)}.ending-bust .ending-title{background:#c9cdd1 var(--grain)}.ending-total{margin:6px 0 0;font-family:var(--display);font-weight:800;font-size:64px;line-height:1;font-variant-numeric:tabular-nums}.ending-bust .ending-total{color:var(--summit)}.ending-line{margin:2px 0 0;font-weight:700}.ending-note{margin:0;color:var(--ink-soft)}.ending .btn{margin-top:12px}.recap{text-align:left;margin-top:10px;border-top:1px dashed #cdbf9f;padding-top:8px}.recap summary{cursor:pointer;font-family:var(--display);font-weight:700;font-size:18px;letter-spacing:.06em;text-transform:uppercase;padding:6px 2px}.recap ol{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:4px}.recap li{display:grid;grid-template-columns:1fr auto;gap:0 10px;padding:6px 4px;border-bottom:1px solid rgba(60,44,20,.08)}.recap-q{grid-column:1 / -1;font-size:13px;color:var(--ink-soft)}.recap-a{font-weight:700}.recap-s{font-family:var(--display);font-weight:800;font-size:18px}.intro{min-height:var(--vvh);max-width:560px;margin:0 auto;padding:max(12px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:16px}.hero{width:100%;aspect-ratio:1672 / 941;object-fit:cover;border-radius:18px;box-shadow:0 0 0 1px var(--edge),0 14px 28px -16px #1e283299}.intro-body{display:grid;gap:12px}.intro-title{margin:0;font-family:var(--display);font-weight:800;font-size:38px;line-height:1}.intro-sub{margin:0;font-size:18px;font-weight:600;color:var(--ink-soft)}.intro-rules{margin:0;padding:0;list-style:none;display:grid;gap:8px;counter-reset:r}.intro-rules li{counter-increment:r;position:relative;padding:10px 12px 10px 48px;background:var(--paper) var(--grain);border-radius:12px;box-shadow:0 0 0 1px var(--edge);font-weight:500;line-height:1.35}.intro-rules li:before{content:counter(r);position:absolute;left:12px;top:10px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-family:var(--display);font-weight:800;color:var(--paper);background:var(--summit)}.intro .btn-big{margin-top:6px}.sheet{border:0;border-radius:16px;padding:20px;max-width:440px;width:calc(100% - 32px);background:var(--cream) var(--grain);color:var(--ink);box-shadow:0 20px 50px -20px #00000080}.sheet::backdrop{background:#1c2a3673}.sheet h2{margin:0 0 12px;font-family:var(--display);font-weight:800;font-size:30px}.sheet .btn{width:100%;margin-top:14px}@media (min-width: 900px){.app{padding:16px 24px 24px}.logo{width:128px}.ticket-value{font-size:38px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 400px;align-items:start;gap:20px}.mountain{height:min(76vh,680px);border-radius:22px}.panel{position:sticky;top:16px}.card{padding:22px}.prompt{font-size:42px}.intro{max-width:980px;display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:32px;padding-top:40px}.intro-title{font-size:48px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}.cloud,.flag{animation:none!important}}