.arcade-status{font:800 1rem var(--display);letter-spacing:.06em;color:var(--lime);text-align:center;min-height:24px;margin:14px 0 6px}
.arcade-score{display:flex;align-items:center;gap:14px;margin-bottom:8px}.arcade-score b{font:900 2.5rem var(--display);color:var(--lime)}.arcade-score span{font-size:.75rem;letter-spacing:.12em;color:#aac4c9}
#stage-croc .game-note,#stage-tower .game-note,#stage-caps .game-note{max-width:370px;min-height:46px;text-align:center;margin:0 auto 12px}
.croc-body{position:relative;width:330px;height:300px;margin:45px auto 6px;border-radius:48% 48% 30% 30%;background:linear-gradient(120deg,#82bc4c,#2c773e 50%,#123b23);box-shadow:inset 6px 6px 12px #d7ec9470,inset -8px -10px 12px #061d19,8px 12px 0 #041c1c,0 20px 25px #0005;border:3px solid #184729}
.croc-eyes{position:absolute;top:-40px;left:65px;right:65px;display:flex;justify-content:space-between;z-index:3}
.croc-eyes i{width:65px;height:68px;border-radius:50% 50% 35% 35%;background:radial-gradient(ellipse at 50% 50%,#071a14 0 13%,#f2e38b 15% 36%,#569e44 38% 65%,#1a522c 85%);box-shadow:inset 3px 3px 5px #adcf68}
.croc-jaw{position:absolute;inset:20px 18px 25px;background:radial-gradient(ellipse at 50% 70%,#aa4650,#411829 65%,#160e18);border:6px solid #153e28;border-radius:45% 45% 30% 30%;overflow:hidden}
.croc-jaw:after{content:'';position:absolute;bottom:8px;left:30%;width:40%;height:70px;border-radius:50%;background:linear-gradient(#c5676d,#742331);box-shadow:inset 0 3px 6px #e5939355}
.croc-teeth{position:relative;z-index:2;display:grid;grid-template-columns:repeat(6,1fr);gap:90px 6px;padding:50px 32px 0}
.croc-tooth{height:49px;min-width:0;border-radius:9px 9px 16px 16px;border:1px solid #c6c5a1;background:linear-gradient(110deg,#fffde6,#dcd9b4);box-shadow:2px 4px 0 #98967d,inset 2px 2px 2px #fff;color:#37432f;font:800 .85rem var(--display);touch-action:manipulation;transition:transform .16s,opacity .16s}
.croc-tooth:nth-child(n+7){border-radius:16px 16px 9px 9px}.croc-tooth:disabled{cursor:default}.croc-tooth.pressed{transform:translateY(12px) scaleY(.65);opacity:.35;box-shadow:none}
.croc-lip{position:absolute;bottom:0;left:10px;right:10px;height:28px;border-radius:20px;background:linear-gradient(#70a742,#20572e)}
.croc-body.biting{animation:croc-snap .65s ease-in-out}.croc-body.biting .croc-jaw{animation:croc-mouth .65s ease-in-out}.croc-body.biting .croc-teeth{animation:croc-mouth .65s ease-in-out}
@keyframes croc-snap{35%,65%{transform:scaleY(.45) rotate(-3deg)}50%{transform:scaleY(.45) rotate(3deg)}}
@keyframes croc-mouth{35%,65%{opacity:0}}
.tower-scene{position:relative;width:min(100%,380px);height:295px;overflow:hidden;background:linear-gradient(#0b2639,#154246);border:1px solid #496b7355;border-radius:18px;box-shadow:inset 0 -25px 40px #001c2570;isolation:isolate}
.tower-backdrop{position:absolute;top:24px;left:0;right:0;text-align:center;font:bold italic 3.5rem Georgia,serif;color:#d5e8bd0d;transform:rotate(-12deg)}
.tower-stack{position:absolute;inset:0}.tower-ground{position:absolute;bottom:0;left:0;right:0;height:14px;background:linear-gradient(#b49766,#665330);box-shadow:0 -2px 0 #d2bd8c}
.grolsch-crate{position:absolute;height:34px;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;background:repeating-linear-gradient(90deg,transparent 0 12px,#092f1950 13px 16px),linear-gradient(110deg,#3f9543,#08602f 45%,#064323);border:2px solid #59904b;border-bottom:4px solid #073c20;border-radius:3px;box-shadow:inset 0 3px 0 #a2cc6355,3px 3px 0 #032f1a;color:#e9e8d0}
.grolsch-crate b{font:bold italic 20px/.9 Georgia,serif;letter-spacing:-1px;text-shadow:0 2px #084022;white-space:nowrap}
.grolsch-crate span{font:600 5px/1.3 Arial,sans-serif;letter-spacing:1px;white-space:nowrap}
.tower-mover{z-index:3;box-shadow:inset 0 3px 0 #a2cc6377,3px 4px 0 #032f1a,0 0 18px #d1ff6940}
.crate-land{animation:crate-land .6s ease-out forwards}.crate-fall{animation:crate-fall .75s ease-in forwards}
@keyframes crate-land{to{transform:translateY(-2px);filter:brightness(1.4)}}
@keyframes crate-fall{to{transform:translateY(280px) rotate(60deg);opacity:0}}
.caps-table{width:min(100%,390px);height:205px;padding:15px 0 20px;perspective:700px}
.caps-board{position:relative;width:100%;height:170px;background:repeating-linear-gradient(0deg,transparent 0 39px,#39241350 40px 42px),linear-gradient(100deg,#b28651,#7c562e);border:5px solid #cfaa70;border-radius:9px;box-shadow:0 10px 0 #3e2e1c,0 18px 22px #0007;transform:rotateX(13deg)}
.caps-zone{position:absolute;top:0;bottom:0;display:flex;align-items:flex-start;justify-content:center;padding-top:12px;text-align:center;font:800 9px/1.4 Arial,sans-serif;color:#f4e9cc;border-left:2px dashed #ffffff65}
.caps-zone.short{left:0;width:58.4%;border:0;color:#ffe2b099}.caps-zone.green{left:58.4%;width:16.8%;background:#1a833b9e}.caps-zone.gold{left:75.2%;width:8.4%;background:#dfb643a8;font-size:7px}
.caps-edge{position:absolute;left:83.6%;top:0;bottom:0;border-left:3px solid #f8eacb;color:#fff7de;font:800 8px Arial,sans-serif;writing-mode:vertical-rl;text-align:center;padding:0 5px;background:#170d0850;right:0}
.grolsch-cap{position:absolute;top:80px;left:8%;width:49px;height:49px;transform:translate(-50%,-50%);border-radius:50%;border:4px dashed #c4cfb1;background:radial-gradient(circle at 32% 25%,#dce3ba 0,#216039 16%,#03482b 68%,#011e13);box-shadow:inset 0 0 0 2px #e2e4cb,2px 5px 0 #a0a58a,3px 8px 10px #0008;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:2}
.grolsch-cap b{font:bold italic 10px Georgia,serif;color:#fff6d7;transform:rotate(-12deg)}.grolsch-cap small{font:600 3px Arial,sans-serif;color:#efeed2;margin-top:3px}
.grolsch-cap.sliding{transition:left 1.45s cubic-bezier(.1,.65,.2,1),transform 1.45s ease-out;transform:translate(-50%,-50%) rotate(540deg)}
.grolsch-cap.off-edge{animation:cap-fall .35s 1.4s ease-in forwards}
@keyframes cap-fall{to{top:165px;opacity:0}}
.caps-start{position:absolute;bottom:12px;left:4%;font:800 8px Arial,sans-serif;color:#e4c999;letter-spacing:2px}
.power-label{display:flex;justify-content:space-between;width:min(100%,340px);font-size:.8rem;color:#c3dbd5;margin:12px 0 8px}.power-label b{color:var(--lime)}
.caps-meter{position:relative;width:min(100%,340px);height:23px;background:#041923;border:1px solid #44696b;border-radius:6px;overflow:hidden}
.caps-meter i{display:block;height:100%;width:0;background:linear-gradient(90deg,#51b883,#d4f05a)}.caps-meter span{position:absolute;top:0;bottom:0;left:0;width:3px;background:#fff;box-shadow:0 0 8px #fff}
@media(prefers-reduced-motion:reduce){.croc-body,.croc-jaw,.croc-teeth,.grolsch-cap,.grolsch-crate{animation:none!important;transition:none!important}}