#pepsi-scene{width:min(1010px,calc(100% - 24px));max-height:calc(100svh - 24px);overflow:auto;background:#f5ead0;color:#24463a;border:1px solid #c3a866;border-radius:20px}#pepsi-scene::backdrop{background:#082b26d9;backdrop-filter:blur(5px)}.c2-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;background:#173d34;color:#ffedbf;position:sticky;top:0;z-index:10;font:18px Georgia}.c2-nav button{min-height:44px;padding:10px 14px;border:1px solid #d6c08470;border-radius:24px;background:transparent;color:inherit;font:14px system-ui}.c2-content{padding:18px 28px 24px;background:radial-gradient(ellipse at top,#fff8e5,#eadaba)}.c2-heading{text-align:center;margin:0 0 14px}.c2-heading .eyebrow{color:#8e703c;margin-bottom:8px}.c2-heading h1{font-size:30px;line-height:1.2;margin:0}.c2-story,.c2-stage,.c2-finale{position:relative;width:min(100%,740px,calc(max(180px,100svh - 330px) * 1.5));aspect-ratio:3/2;margin:auto;border-radius:14px;overflow:hidden;box-shadow:0 8px 26px #674c2933;background:#ab7343;isolation:isolate}.c2-story>img,.c2-booth,.c2-street{width:100%;height:100%;display:block}.c2-story.morning:after{content:'';position:absolute;inset:0;background:#ffe5a6;mix-blend-mode:screen;opacity:.28;pointer-events:none}.c2-story-line{text-align:center;font:22px/1.4 Georgia;max-width:740px;margin:18px auto;color:#34583f}.c2-guide,.c2-caption{text-align:center;font:14px/1.5 system-ui;color:#536b51;max-width:740px;margin:14px auto}.c2-small{text-align:center;font:12px system-ui;color:#756d52;margin:10px 0}.c2-primary,.c2-throw{display:block;margin:14px auto 0;min-height:48px;background:#1c5545;color:#ffefbc;border:1px solid #75996f;border-radius:26px;padding:12px 24px;font:600 15px system-ui;cursor:pointer}.c2-throw:disabled{opacity:.5;cursor:wait}.c2-score{text-align:center;color:#ffe7b2;background:#1c4f3d;width:max-content;border-radius:20px;margin:0 auto 12px;padding:6px 17px;font:600 14px system-ui}.c2-bottle{position:absolute;width:12%;transform:translateX(-50%);filter:drop-shadow(3px 5px 3px #643b2e66);transform-origin:50% 100%}.c2-bottle svg{width:100%;height:100%;display:block}.c2-bottle.wobble{animation:cola-wobble .5s ease-in-out}.c2-bottle.ringed{filter:drop-shadow(0 0 6px #fbd482)}.c2-landed,.c2-thrown{position:absolute;width:8%;height:3%;border:4px solid #e5b147;border-radius:50%;box-shadow:0 1px 0 #fff0a0,inset 0 1px 0 #fff0a0;transform:translate(-50%,-50%) rotate(-5deg);pointer-events:none;z-index:3}.c2-thrown{left:50%;top:95%;opacity:0;width:11%;height:5%}.tossing .c2-thrown{animation:cola-toss .9s ease-out forwards}.c2-aim-surface{position:absolute;inset:0;width:100%;height:100%;padding:0;background:transparent;border:0;cursor:crosshair;touch-action:manipulation;z-index:4}.c2-aim-surface:disabled{cursor:default}.c2-crosshair{position:absolute;width:25px;height:25px;border:2px solid #fff3ca;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #1d4f3acc,0 3px 8px #0008;pointer-events:none}.c2-crosshair:before{content:'+';position:absolute;inset:0;font:23px/20px system-ui;text-align:center;color:#fff5c9}.c2-controls{display:flex;gap:14px;max-width:740px;margin:15px auto 0;align-items:center;justify-content:center}.c2-controls label{display:flex;flex:1;flex-direction:column;gap:6px;font:13px system-ui;max-width:230px}.c2-controls input{width:100%;accent-color:#23664d;min-height:28px}.c2-controls .c2-throw{margin:0}.c2-feedback{text-align:center;min-height:22px;font:600 14px/1.4 system-ui;color:#3e6642;margin:10px 0}.c2-agy{position:absolute;left:34%;bottom:10%;width:27%;height:68%;object-fit:contain;object-position:bottom;z-index:2;filter:drop-shadow(0 7px 4px #40513d44)}.c2-ambulance{position:absolute;left:20%;bottom:8%;width:56%;height:32%;transform:translateX(-170%);opacity:0;z-index:3}.c2-ambulance>svg{width:100%;height:100%;display:block}.arriving .c2-ambulance{animation:cola-arrive 1.8s ease-out forwards;opacity:1}.boarding .c2-agy{animation:cola-board 1.1s ease-in forwards}.boarding .ambulance-door{transform:rotateY(65deg);transform-origin:184px 100px;transition:transform .45s}.departing .ambulance-door{transform:none}.departing .c2-ambulance{animation:cola-depart 3s ease-in forwards}.cola-light-red{animation:cola-red 1.2s step-end infinite}.cola-light-blue{animation:cola-blue 1.2s step-end infinite}.c2-nav button:focus-visible,.c2-primary:focus-visible,.c2-throw:focus-visible,.c2-controls input:focus-visible{outline:3px solid #3e8663;outline-offset:3px}.c2-aim-surface:focus-visible{outline:3px solid #fff0aa;outline-offset:-5px}@keyframes cola-toss{0%{left:50%;top:95%;opacity:1;transform:translate(-50%,-50%) scale(1.4)}55%{left:var(--ring-mid-x);top:var(--ring-mid-y);opacity:1;transform:translate(-50%,-50%) scale(.9)}100%{left:var(--ring-x);top:var(--ring-y);opacity:1;transform:translate(-50%,-50%) scale(.65)}}@keyframes cola-wobble{0%,100%{transform:translateX(-50%) rotate(0)}30%{transform:translateX(-50%) rotate(6deg)}65%{transform:translateX(-50%) rotate(-4deg)}}@keyframes cola-arrive{from{transform:translateX(-170%)}to{transform:translateX(0)}}@keyframes cola-board{to{transform:translate(15%,12%) scale(.45);opacity:0}}@keyframes cola-depart{from{transform:translateX(0)}to{transform:translateX(180%);opacity:.9}}@keyframes cola-red{50%{fill:#fce1a2}}@keyframes cola-blue{0%{fill:#d0eefb}50%{fill:#79aeca}}@media(max-width:650px){.c2-nav{padding:10px 12px}.c2-nav>span{display:none}.c2-content{padding:16px}.c2-heading h1{font-size:24px}.c2-stage,.c2-finale{width:min(100%,calc(max(180px,100svh - 370px) * 1.5))}.c2-story{width:100%}.c2-story-line{font-size:20px}.c2-controls{flex-wrap:wrap;gap:10px}.c2-controls label{min-width:35%}.c2-controls .c2-throw{width:100%;padding:10px}.c2-landed,.c2-thrown{border-width:3px}.c2-guide,.c2-caption{font-size:13px}.c2-bottle{width:14%}.c2-crosshair{width:21px;height:21px}.c2-crosshair:before{font-size:19px;line-height:16px}}@media(prefers-reduced-motion:reduce){.c2-bottle.wobble,.tossing .c2-thrown,.arriving .c2-ambulance,.boarding .c2-agy,.departing .c2-ambulance,.cola-light-red,.cola-light-blue{animation:none!important}.tossing .c2-thrown{left:var(--ring-x);top:var(--ring-y);opacity:1;transform:translate(-50%,-50%) scale(.65)}.arriving .c2-ambulance{transform:none;opacity:1}.boarding .c2-agy{opacity:0}.departing .c2-ambulance{transform:translateX(180%);opacity:0}.boarding .ambulance-door{transition:none}}