@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--lime:#daf981;--purple:#b8a3ff;--orange:#ffb970;--ink:#181124;--cream:#fff7e7}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 20%,#322244,#0f0a17 72%);color:var(--cream);font-family:'DM Sans',Arial,sans-serif;font-size:16px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #fff1b1;outline-offset:4px}button:disabled{cursor:default}button[hidden],[hidden]{display:none!important}.app{max-width:480px;margin:0 auto;padding:18px 14px 12px}.masthead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.masthead a{text-decoration:none;font-family:'Barlow Condensed',Impact,sans-serif;font-weight:900;font-size:25px;color:var(--cream)}.masthead a span{color:var(--lime)}.private{font-size:12px;letter-spacing:.05em;color:#c4b5cf;border:1px solid #5b486d;border-radius:6px;padding:5px 7px}.game{height:min(760px,calc(100svh -112px));min-height:570px;display:grid;grid-template-rows:73px 1fr 167px;background:#20152c;border:1px solid #5c416d;border-radius:23px;overflow:hidden;position:relative;isolation:isolate;box-shadow:0 10px 60px #03010566,0 7px 0 #07030c}.hud{display:flex;justify-content:space-between;align-items:center;padding:12px 19px 10px;border-bottom:1px solid #62524255;background:#1a1224f5;position:relative;z-index:3}.hud>div>span:first-child{font-size:12px;font-weight:700;letter-spacing:.11em;color:#c2b2ce;display:block}.hud strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:34px;line-height:1;display:block;margin-top:3px}.hud .clock{text-align:center}.hud .clock strong{color:var(--lime)}.hud .clock strong span{font-size:20px;margin-left:2px}.clock.urgent strong{color:#ff9188}.life-box{display:flex;align-items:center;flex-direction:column;gap:7px;justify-content:center;min-width:64px}.hud .life-box #lives{font-size:17px;letter-spacing:2px;color:#ffad87;white-space:nowrap}.life-box button{font-size:17px;border:1px solid #8a709c;background:#3a2947;border-radius:50%;color:white;width:29px;height:29px;line-height:1}.shop{position:relative;background:linear-gradient(145deg,#452856,#24102e);background-image:linear-gradient(#19122233,#1e112355),url('art/shop.png');background-size:cover;background-position:center 55%;min-height:0;overflow:hidden}.shop-sign{position:absolute;left:15px;top:11px;color:#dbb6f7;font-family:'Barlow Condensed',Impact,sans-serif;font-weight:800;font-size:15px;letter-spacing:.13em;border:1px solid #9b6fc55c;padding:3px 7px;background:#221331aa;border-radius:5px}.shop-sign span{color:var(--lime);margin-left:8px}.preview-line{position:absolute;top:13px;right:15px;display:flex;gap:6px;align-items:center;background:#160d2288;padding:3px 7px;border-radius:5px}.preview-line span{font-size:10px;color:#b6a4c9}.preview-line b{font-size:12px;color:#e6d8f3}.order-ticket{position:absolute;top:50px;left:50%;transform:translateX(-50%) rotate(-2deg);width:76%;max-width:290px;text-align:center;padding:13px 16px 12px;border-radius:5px 5px 12px 12px;background:#fff2d8;color:#24182e;box-shadow:0 5px 0 #795c9a33,0 8px 22px #10061544;z-index:2}.ticket-label{display:block;font-size:12px;font-weight:800;letter-spacing:.1em;color:#684c7a}.order-ticket h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:44px;line-height:.98;margin:5px 0 13px;font-weight:900;letter-spacing:-.02em;white-space:nowrap}.patience-track{height:7px;background:#d7c9b6;border-radius:5px;overflow:hidden}.patience-track i{height:100%;width:100%;display:block;background:#668d36;transform-origin:left;will-change:transform;border-radius:5px}.customer{position:absolute;bottom:-13%;left:50%;transform:translateX(-50%);width:77%;height:88%;background-image:url('art/customers.png');background-repeat:no-repeat;background-size:300% 200%;background-position:0 0;filter:drop-shadow(0 8px 5px #14031a88);pointer-events:none}.feedback{position:absolute;bottom:53px;left:8px;right:8px;text-align:center;z-index:3;font-weight:900;font-size:20px;color:var(--lime);text-shadow:0 2px 0 #180d20,0 0 15px #1b0826;opacity:0;transition:opacity .1s}.feedback.show{opacity:1}.feedback.bad{color:#ffb092}.streak-line{position:absolute;bottom:0;left:0;right:0;z-index:3;display:flex;justify-content:space-between;gap:10px;padding:12px 16px 10px;background:linear-gradient(transparent,#160b20f0);font-size:12px;font-weight:700;letter-spacing:.06em}.streak-line span{color:#e4d4ef}.streak-line strong{color:var(--lime)}.counter{z-index:4;background:linear-gradient(#35233d,#22162e);border-top:2px solid #a1805366;padding:9px 11px 12px}.counter-label{text-align:center;font-size:12px;color:#cabbcf;letter-spacing:.09em;font-weight:600;margin:0 0 8px}.strain-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.strain{height:123px;position:relative;display:flex;align-items:center;flex-direction:column;justify-content:flex-end;gap:0;border-radius:14px;border:1px solid #a5bc64;background:#d2e888;color:#193318;padding:3px 4px 8px;box-shadow:0 5px 0 #6c773c;transition:transform .07s,filter .07s;user-select:none}.strain.zkittles{background:#bcb0f2;border-color:#d6caff;color:#291743;box-shadow:0 5px 0 #695186}.strain.sour{background:#ffc084;border-color:#ffd7ae;color:#492415;box-shadow:0 5px 0 #8f5a32}.strain:active,.strain.pressed{transform:translateY(4px);box-shadow:0 1px 0 #594465;filter:brightness(1.12)}.strain b{font-family:'Barlow Condensed',Impact,sans-serif;font-size:24px;font-weight:900;line-height:.88;min-height:24px;text-align:center;letter-spacing:.02em;position:relative;z-index:1}.strain.sour b{font-size:21px;min-height:38px}.strain small{position:absolute;top:7px;left:8px;font-size:12px;opacity:.55;font-weight:700}.bag{position:absolute;width:80px;height:84px;top:-2px;background-image:url('art/bags.png');background-size:300% 100%;background-repeat:no-repeat;filter:drop-shadow(0 3px 2px #2d133833)}.bag-0{background-position:0 50%}.bag-1{background-position:50% 50%}.bag-2{background-position:100% 50%}.sour .bag{height:74px;width:74px;top:-4px}.overlay{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px 24px;background:linear-gradient(180deg,#20112ae0,#1c102aee 65%,#221630fa);backdrop-filter:blur(3px)}.edition{font-size:12px;letter-spacing:.2em;font-weight:800;color:var(--lime);margin-bottom:15px}.overlay h1,.overlay h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(44px,11vw,65px);font-weight:900;line-height:.88;letter-spacing:-.01em;margin:0 0 18px}.overlay em{font-style:normal;color:var(--lime)}.intro-tag{font-size:18px;line-height:1.4;color:#e0cde9;margin:0 0 24px}.intro-ticket{display:flex;gap:9px;justify-content:center;flex-wrap:wrap;margin-bottom:21px}.intro-ticket span{font-size:13px;font-weight:900;background:#dbef9c;color:#243119;transform:rotate(-3deg);padding:7px 10px;border-radius:5px}.intro-ticket span:nth-child(2){background:#d1b8f7;color:#311c45;transform:rotate(3deg)}.intro-ticket span:nth-child(3){background:#ffcc9a;color:#4a291c;transform:rotate(-1deg)}.how{font-size:15px;line-height:1.7;color:#d7c8e0;margin:0 0 23px}.primary{width:100%;max-width:320px;min-height:55px;border:1px solid #e8ffb0;border-radius:13px;background:var(--lime);color:#203015;font-family:'Barlow Condensed',Impact,sans-serif;font-size:25px;font-weight:900;letter-spacing:.04em;padding:12px 14px;box-shadow:0 5px 0 #67783c}.primary:active{transform:translateY(3px);box-shadow:0 2px 0 #67783c}.best-line{font-size:12px;font-weight:600;color:#b7a5c7;margin-top:21px;letter-spacing:.08em}.best-line b{color:#efdfcf;font-size:15px;margin-left:7px}.secondary{border:0;background:none;color:#cebadb;margin-top:23px;font-size:14px;text-decoration:underline}.pause-screen p,.results>p{font-size:16px;color:#d8c4e6;margin:0 0 22px}.pause-screen .primary{margin-top:25px}.results .edition{margin-bottom:12px}.results h2{font-size:60px;margin-bottom:13px}.final-score{margin-bottom:17px}.final-score>span{font-size:12px;color:#c7b2d7;font-weight:700;letter-spacing:.16em;display:block}.final-score strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:76px;line-height:1;color:var(--lime)}.stats{display:flex;justify-content:space-around;gap:26px;margin-bottom:25px}.stats b{display:block;font-size:25px;font-family:'Barlow Condensed',Impact,sans-serif;color:#fff3dc}.stats span{font-size:11px;color:#c1a8d0}.results .primary{margin-top:4px}footer{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:17px 3px 0;color:#a999b9;font-size:12px}footer button{background:none;color:#cbbddd;border:1px solid #4c3c5c;border-radius:20px;padding:6px 10px;font-size:12px}.game.wrong{animation:shake .22s}.order-ticket.new-order{animation:ticket .16s}.counter{touch-action:manipulation}@keyframes shake{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@keyframes ticket{from{opacity:.5;translate:0 -7px}to{opacity:1;translate:0 0}}@media(max-width:370px){.app{padding:12px 8px}.masthead a{font-size:22px}.private{font-size:11px}.hud{padding:12px}.preview-line{right:9px}.shop-sign{left:9px;font-size:13px}.shop-sign span{margin-left:4px}.preview-line span{display:none}.order-ticket{width:80%}.order-ticket h2{font-size:40px}.strain b{font-size:22px}.strain.sour b{font-size:19px}.intro-ticket{gap:5px}.intro-ticket span{font-size:12px;padding:6px 8px}.overlay{padding:24px 19px}}@media(max-height:720px){.intro-tag{margin-bottom:18px}.how{margin-bottom:19px}.edition{margin-bottom:13px}.overlay h1{font-size:54px}.game{grid-template-rows:68px 1fr 151px}.counter{padding:8px 10px}.strain{height:111px}.bag{width:73px;height:74px}.sour .bag{width:65px;height:65px}.customer{height:92%;bottom:-20%}.order-ticket{top:44px;padding:10px 13px}.order-ticket h2{font-size:39px;margin-bottom:9px}.shop-sign{top:8px}.preview-line{top:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
.customer{height:calc(100% - 130px);width:auto;aspect-ratio:2/3;bottom:20px;max-height:350px}.preview-line span,.stats span{font-size:12px}@media(max-width:370px){.private{font-size:12px}.preview-line b{font-size:12px}.shop-sign span{display:none}}@media(max-height:720px){.customer{height:calc(100% - 125px);bottom:17px}}

.hud .clock strong{font-size:32px;font-variant-numeric:tabular-nums}.final-score strong{font-size:clamp(44px,14vw,68px);font-variant-numeric:tabular-nums}.points-line{margin:7px 0 0;font-size:13px;letter-spacing:.06em;color:#c7b2d7}.points-line b{color:#fff3dc}

.life-box{display:grid;grid-template-columns:1fr 29px;gap:3px 8px;min-width:92px}.strikes{grid-column:1;grid-row:1;text-align:center}.strikes>span{font-size:12px;letter-spacing:.06em;font-weight:700;color:#c2b2ce}.hud .strikes strong{font-size:23px;margin-top:1px;color:#fff7e7}.strikes.danger strong{color:#ff8790}.life-box #pause{grid-column:2;grid-row:1 / 3}.strike-pips{grid-column:1;grid-row:2;display:flex;justify-content:center;gap:4px}.strike-pips i{display:grid;place-items:center;width:15px;height:15px;border:1px solid #716080;border-radius:3px;color:#786887;font-style:normal;font-weight:900;font-size:15px;line-height:1}.strike-pips i.used{background:#ff5366;border-color:#ffb9bd;color:#fff}.hud{gap:10px}.reaction{position:absolute;inset:0;z-index:4;opacity:0;pointer-events:none}.reaction.show{opacity:1}.reaction-portrait{display:none;background-image:url('art/customers-disappointed.png')}.reaction.bad .reaction-portrait{display:block}.shop.has-miss>#customer{opacity:0}.reaction #reaction-symbol{position:absolute;left:50%;bottom:52px;transform:translateX(-50%) rotate(-8deg);font-family:Arial,sans-serif;font-weight:900;line-height:1;font-size:94px;color:#b9ff66;text-shadow:0 4px 0 #142918,0 0 22px #0c281fcc}.reaction.bad #reaction-symbol{left:24%;bottom:45px;font-size:140px;color:#ff405a;text-shadow:-2px -2px 0 #fff1df,2px 2px 0 #fff1df,0 6px 0 #700c22,0 0 24px #450519cc}.reaction.show #reaction-symbol{animation:stamp .18s ease-out}.feedback{z-index:5;bottom:30px;font-size:19px}.feedback.bad{left:12px;right:12px;background:#250c23eb;border:1px solid #ff879077;border-radius:8px;padding:7px 4px;font-size:16px;color:#ffd7dc}.streak-line{z-index:6}footer button{min-height:40px;white-space:nowrap}@keyframes stamp{from{scale:1.35;opacity:.35}to{scale:1;opacity:1}}@media(max-width:370px){.hud{gap:6px}.life-box{min-width:84px;gap:3px 5px}.hud .clock strong{font-size:29px}.reaction.bad #reaction-symbol{font-size:120px}.feedback.bad{font-size:14px}.how{font-size:14px}}

.cinematic{position:absolute;inset:0;z-index:20;background:linear-gradient(#170d21aa,#1a1026e8),url('art/shop.png') center/cover;overflow:hidden}.closing-scene,.countdown-scene{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px}.closing-time{font-family:'Barlow Condensed',Impact,sans-serif;font-size:38px;color:var(--lime);letter-spacing:.1em;margin-bottom:20px}.cinematic h2{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:900;letter-spacing:-.01em;line-height:.9;margin:0;font-size:clamp(50px,13vw,70px)}.cinematic em{color:var(--lime);font-style:normal}.closing-scene p,.countdown-scene p{font-size:16px;line-height:1.5;color:#e2cfea;margin:23px 0}.phone-scene{position:absolute;inset:0;background:linear-gradient(155deg,#231631f7,#120d20fa);display:flex;flex-direction:column;padding:17px 17px 68px;animation:phone-arrival .45s ease-out}.phone-status{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:800;color:#d4bfde;padding:0 3px 16px}.phone-status span:last-child{font-size:9px;letter-spacing:1px}.phone-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 2px 18px;border-bottom:1px solid #77608a55}.phone-heading div>span{font-size:12px;color:var(--lime);letter-spacing:.14em;font-weight:800}.phone-heading h2{font-family:'DM Sans',Arial,sans-serif;font-size:23px;line-height:1.2;margin-top:5px;letter-spacing:-.04em}.phone-heading>b{flex-shrink:0;color:#20152b;background:var(--lime);font-size:12px;border-radius:16px;padding:7px 9px}.phone-messages{display:flex;flex-direction:column;gap:9px;flex:1;min-height:0;overflow:auto;scrollbar-width:none;padding:14px 1px 8px}.phone-messages::-webkit-scrollbar{display:none}.phone-message{display:flex;gap:9px;align-items:flex-start;background:#44334fe8;border:1px solid #80638b66;border-radius:15px;padding:11px 10px;animation:text-arrival .22s ease-out;flex-shrink:0;box-shadow:0 3px 10px #09040e55}.phone-initial{display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;border-radius:50%;background:#c2a9f1;color:#312040;font-weight:900;font-size:15px}.phone-initial.contact-1{background:#d6ed92;color:#263514}.phone-initial.contact-2{background:#ffc890;color:#422312}.phone-message strong{display:block;font-size:14px;line-height:1.2;color:#e8d5ff;margin-bottom:4px}.phone-message p{font-size:15px;line-height:1.35;color:#fff4e8;margin:0}.phone-caption{font-family:'Barlow Condensed',Impact,sans-serif;letter-spacing:.06em;text-align:center;color:var(--lime);font-size:19px;font-weight:800;margin:13px 0 0}.phone-reply{margin:7px 0 0 35px;padding:10px 13px;background:#d5ee91;border-radius:15px 15px 3px 15px;color:#213014;animation:text-arrival .2s ease-out}.phone-reply span{font-size:12px;font-weight:900}.phone-reply p{font-size:16px;font-weight:700;line-height:1.3;margin:4px 0}.phone-reply small{display:block;text-align:right;font-size:12px;color:#526534}.countdown-scene{background:#1c112be8}.countdown-scene h2{font-size:clamp(62px,17vw,86px)}.countdown-scene strong{font-family:'Barlow Condensed',Impact,sans-serif;line-height:1;font-size:110px;color:var(--lime);text-shadow:0 5px 0 #64763b;margin-top:15px}.skip-intro{position:absolute;z-index:4;bottom:15px;right:16px;min-height:42px;padding:8px 13px;border-radius:9px;border:1px solid #bca3d078;background:#281a36;color:#f4e5ff;font-size:13px;font-weight:700}.intro-progress-track{position:absolute;bottom:0;left:0;right:0;height:4px;background:#77608a55;z-index:5}.intro-progress-track i{display:block;height:100%;background:var(--lime);transform:scaleX(0);transform-origin:left}.intro-hold{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px;background:#181024f0}.replay-intro{margin-top:16px}.results .best-line{margin-top:14px}@keyframes text-arrival{from{opacity:0;transform:translateY(15px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes phone-arrival{from{opacity:0;transform:translateY(50px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:370px){.phone-heading h2{font-size:21px}.phone-scene{padding-left:12px;padding-right:12px}.phone-message p{font-size:14px}.phone-caption{font-size:17px}}@media(max-height:720px){.phone-heading{padding-bottom:11px}.phone-status{padding-bottom:8px}.phone-message{padding:8px}.phone-message p{font-size:14px}.countdown-scene strong{font-size:90px}.results .replay-intro{margin-top:12px}.results .best-line{margin-top:12px}}

@media(max-height:720px){.results{padding:20px 18px}.results .edition{margin-bottom:6px}.results h2{font-size:48px;margin-bottom:10px}.results>p{margin-bottom:10px}.results .final-score{margin-bottom:10px}.results .final-score strong{font-size:52px}.results .stats{margin-bottom:16px}.results .primary{min-height:48px;font-size:22px;padding:9px}.results .replay-intro{margin-top:10px}.results .best-line{margin-top:8px}}

/* Three readable, thumb-sized choices; positions keep shuffling per order. */
.strain-buttons{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.strain.toad{background:#85e5e4;border-color:#b0ffff;color:#113b46;box-shadow:0 5px 0 #337c8e}
.strain b{font-size:22px;min-height:38px}
.strain.zkittles b{padding-top:9px}
.strain.sour b,.strain.toad b{font-size:20px;line-height:.9}
.bag,.sour .bag{width:min(78px,100%);height:auto;aspect-ratio:1;top:3px}
.bag-toad{background-image:url('art/toad-venom.png');background-size:100% 100%;background-position:center}
.intro-ticket{display:flex;flex-wrap:wrap;gap:9px}
.intro-ticket span:nth-child(1){background:#d1b8f7;color:#311c45}
.intro-ticket span:nth-child(2){background:#ffcc9a;color:#4a291c}
.intro-ticket span:nth-child(3){background:#a3efed;color:#17444d;transform:rotate(2deg)}
@media(max-width:370px){.strain-buttons{gap:6px}.strain b{font-size:19px;letter-spacing:0}.strain.sour b,.strain.toad b{font-size:18px}.strain small{left:5px;top:5px}.counter-label{font-size:11px}}
@media(max-height:720px){.bag,.sour .bag{width:min(67px,100%);top:0}.intro-ticket{margin-bottom:15px}.intro-tag{margin-bottom:16px}}

.strain.zkittles b{font-size:clamp(19px,6vw,24px)}

/* Embed the approved game in the live player and leaderboard shell. */
body{background:#181024}.app{padding:0;max-width:none}.masthead{display:none}.game{height:calc(100svh - 49px);min-height:510px;border:0;border-radius:0;box-shadow:none}footer{height:49px;padding:6px 12px;font-size:11px}.save-message{font-size:13px;line-height:1.35;color:var(--lime);margin:0 0 12px}.save-message:empty{display:none}#start-error,#connection-message{color:#ffb5bc}#connection-message{line-height:1.5;font-size:15px;margin:0 0 24px}.results .final-score strong{font-size:clamp(40px,12vw,60px)}.results .stats{margin-bottom:16px}.results .best-line{display:none}.intro .best-line{display:none}button:disabled{opacity:.6}