.fruit-graph-market{--hot:#f28457;--deep:#b84d36;--ink:#514360;--sun:#ffe874;--sky:#99e7f4}.fruit-market-stage{position:absolute;z-index:1;inset:0;overflow:hidden;isolation:isolate}.fruit-market-sun{z-index:1;top:10%;width:min(900px,88%);height:78%;border-radius:50%;background:radial-gradient(ellipse,#fff9caa8,#fff0a230 55%,transparent 75%);filter:blur(7px)}.fruit-market-stall,.fruit-market-sun{position:absolute;left:50%;pointer-events:none;transform:translateX(-50%)}.fruit-market-stall{z-index:2;top:20%;bottom:1.5%;width:min(820px,74%)}.fruit-market-backboard{position:absolute;top:47px;right:6%;bottom:17%;left:6%;border:9px solid #9d5935;border-radius:8px 8px 22px 22px;background:repeating-linear-gradient(0deg,transparent 0 46px,#95532c42 47px 50px),linear-gradient(90deg,#f2cc8d,#ffe0a7 48%,#edc17d);box-shadow:inset 0 0 0 4px #ffdca3,inset 0 -18px 26px #8e51272b,0 12px 20px #4b332a33}.fruit-market-post{position:absolute;z-index:2;top:38px;bottom:4%;width:32px;border:4px solid #7e4529;border-radius:9px;background:linear-gradient(90deg,#9d5731,#d88c53 34%,#b8693c 68%,#84472a);box-shadow:inset 5px 0 #f2b2736b,0 7px 10px #4930273d}.fruit-market-post.is-left{left:2.5%}.fruit-market-post.is-right{right:2.5%}.fruit-market-shelf{position:absolute;z-index:3;right:4%;bottom:25%;left:4%;height:25px;border:4px solid #7d4227;border-radius:8px;background:linear-gradient(#e9a365,#aa5b34);box-shadow:inset 0 5px #ffc4867d,0 7px 0 #6d371f,0 11px 14px #4e31283d}.fruit-market-counter{position:absolute;z-index:4;right:0;bottom:5%;left:0;height:74px;border:6px solid #74401f;border-radius:16px 16px 25px 25px;background:repeating-linear-gradient(90deg,#bd6b3d 0 74px,#a85831 75px 80px);box-shadow:inset 0 10px #efad6f80,0 9px 0 #562c1d,0 16px 22px #3b29243d}.fruit-market-awning{position:absolute;z-index:6;top:18%;left:50%;display:grid;width:min(840px,76%);height:62px;grid-template-columns:repeat(6,1fr);overflow:hidden;border:6px solid #fff5d1;border-radius:28px 28px 42px 42px;background:#fff5d1;box-shadow:inset 0 7px #ffffff91,0 8px 0 #914d31,0 17px 24px #543d354d;transform:translateX(-50%)}.fruit-market-awning i{border-radius:0 0 42% 42%;box-shadow:inset -6px 0 #71352912,inset 6px 0 #fff8dc38}.fruit-market-awning i:nth-child(odd){background:linear-gradient(#f58b84,#d8575f)}.fruit-market-awning i:nth-child(2n){background:linear-gradient(#fff6c8,#f4d879)}.fruit-market-sign{position:absolute;z-index:11;top:15.2%;left:50%;min-width:220px;padding:6px 18px;border:3px solid #fff5c8;border-radius:15px;color:#70412f;background:linear-gradient(#ffe795,#f7b94d);box-shadow:0 5px 0 #a76035,0 9px 15px #62412c33;font-size:clamp(14px,1.8vw,19px);font-weight:1000;text-align:center;transform:translateX(-50%) rotate(-.5deg)}.fruit-market-sign:after,.fruit-market-sign:before{position:absolute;top:-25px;width:4px;height:25px;border-radius:2px;background:#6f442c;content:""}.fruit-market-sign:before{left:24px;transform:rotate(-6deg)}.fruit-market-sign:after{right:24px;transform:rotate(6deg)}.fruit-graph-board{position:absolute;z-index:8;top:26%;left:50%;display:grid;width:min(570px,52%);height:48%;grid-template-columns:34px 1fr;gap:6px;padding:13px 15px 12px 8px;border:6px solid #fff4ce;border-radius:25px;background:linear-gradient(150deg,#fffdf5f7,#eefbeaf7);box-shadow:0 10px 0 #8e5f3e,0 18px 24px #46352f45;transform:translateX(-50%)}.fruit-graph-axis{display:grid;min-height:0;padding:0 0 58px;grid-template-rows:repeat(5,minmax(0,1fr));align-items:center;color:#6e5460;font-size:clamp(13px,1.5vw,17px);font-weight:1000;text-align:center;text-shadow:none;-webkit-font-smoothing:antialiased}.fruit-graph-columns{display:grid;min-width:0;min-height:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(9px,1.5vw,18px)}.fruit-graph-column{position:relative;display:grid;min-width:0;min-height:0;padding:0;cursor:pointer;grid-template-rows:minmax(0,1fr) 56px;border:4px solid color-mix(in srgb,var(--fruit-color),#fff 28%);border-radius:17px;background:#ffffffa8;box-shadow:0 5px 0 color-mix(in srgb,var(--fruit-color),#67433c 52%);touch-action:manipulation;transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}.fruit-graph-column:not(:disabled):hover{filter:brightness(1.04);transform:translateY(-4px)}.fruit-graph-column:not(:disabled):active{transform:translateY(3px);box-shadow:0 2px 0 color-mix(in srgb,var(--fruit-color),#67433c 52%)}.fruit-graph-column:disabled{cursor:default;opacity:1}.fruit-graph-column:focus-visible{outline:6px solid #fff04f;outline-offset:4px}.fruit-graph-column.is-wrong{animation:fruit-graph-wiggle .48s ease-in-out}.fruit-graph-board.phase-compare .fruit-graph-column{animation:fruit-column-ready .8s ease-in-out infinite alternate}.fruit-graph-cells{display:grid;min-height:0;padding:4px;grid-template-rows:repeat(5,minmax(0,1fr))}.fruit-graph-cells>span{position:relative;min-height:0;border-bottom:2px dashed #8bad9d75;background:linear-gradient(90deg,transparent,#fff9,transparent)}.fruit-graph-cells>span.is-filled{animation:fruit-cell-pop .34s cubic-bezier(.2,1.5,.4,1)}.fruit-graph-cells img{object-fit:contain;filter:drop-shadow(0 5px 3px #483f3433)}.fruit-graph-label{display:grid;min-width:0;grid-template-columns:42px 1fr 34px;align-items:center;gap:4px;padding:5px 6px;border-radius:0 0 12px 12px;color:#fff;background:color-mix(in srgb,var(--fruit-color),#6a4250 12%);text-shadow:none}.fruit-graph-label>span{position:relative;width:42px;height:42px}.fruit-graph-label img{object-fit:contain;filter:drop-shadow(0 3px 2px #3f33343d)}.fruit-graph-label strong{overflow:hidden;font-size:clamp(11px,1.5vw,16px);font-weight:1000;text-overflow:ellipsis;text-shadow:none;white-space:nowrap;-webkit-font-smoothing:antialiased}.fruit-graph-label b{display:grid;width:32px;height:32px;place-items:center;border-radius:50%;color:#5d4050;background:#fff7d9;font-size:18px;text-shadow:none}.fruit-graph-column em{position:absolute;z-index:4;top:7px;right:7px;padding:3px 7px;border-radius:999px;color:#74404f;background:#fff17d;box-shadow:0 3px #c99634;font-size:10px;font-style:normal;font-weight:1000;text-shadow:none}.fruit-market-tray{position:absolute;z-index:12;left:50%;bottom:2.5%;display:grid;width:min(640px,58%);min-height:18%;padding:28px 15px 12px;border:5px solid #ffe6a0;border-radius:24px 24px 38px 38px;background:repeating-linear-gradient(0deg,transparent 0 18px,#713a2238 19px 22px),repeating-linear-gradient(90deg,#ca7b48 0 30px,#b5673d 31px 35px);box-shadow:inset 0 8px #efac7280,inset 0 -12px #7e3f2745,0 8px 0 #743820,0 14px 20px #48332842;transform:translateX(-50%)}.fruit-market-tray:before{position:absolute;z-index:0;top:-9px;right:-7px;left:-7px;height:20px;border:4px solid #713a24;border-radius:999px;background:linear-gradient(#e6a269,#a95b37);box-shadow:inset 0 5px #f5c28c8c,0 4px 5px #4d30273d;content:"";pointer-events:none}.fruit-market-tray>strong{position:absolute;z-index:2;top:-13px;left:50%;padding:5px 15px;border:3px solid #fff3bd;border-radius:999px;color:#7a452d;background:#ffd866;box-shadow:0 4px #a95e32;font-size:13px;font-weight:1000;white-space:nowrap;transform:translateX(-50%)}.fruit-market-tokens{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;align-content:center;gap:clamp(4px,.8vw,9px);flex-wrap:wrap}.fruit-market-tokens button{position:relative;width:clamp(48px,6vw,68px);height:clamp(48px,6vw,68px);padding:0;cursor:pointer;border:3px solid transparent;border-radius:17px;background:#fff6dc59;touch-action:manipulation;transition:transform .16s ease,background .16s ease,border-color .16s ease}.fruit-market-tokens button:hover:not(:disabled){transform:translateY(-5px) rotate(-2deg)}.fruit-market-tokens button:active:not(:disabled){transform:translateY(2px) scale(.96)}.fruit-market-tokens button:focus-visible{outline:5px solid #fff04f;outline-offset:3px}.fruit-market-tokens button.is-selected{border-color:#fff;background:#fff4a9;box-shadow:0 0 0 5px #ffda3e,0 7px 12px #4b302d4a;transform:translateY(-7px) scale(1.05)}.fruit-market-tokens button.is-wrong{animation:fruit-token-wiggle .48s ease-in-out}.fruit-market-tokens img{object-fit:contain;filter:drop-shadow(0 6px 4px #4e302f45)}.fruit-tray-ready{color:#fff9c9;font-size:clamp(16px,2.2vw,23px);font-weight:1000;text-shadow:0 3px #72402c}.fruit-market-cherry{position:absolute;z-index:10;bottom:-1%;left:-1.5%;width:clamp(220px,25vw,300px);aspect-ratio:1;filter:drop-shadow(0 15px 9px #49352e40);pointer-events:none;transform-origin:50% 92%;animation:fruit-cherry-breathe 4.2s ease-in-out infinite}.fruit-graph-finish-character img,.fruit-market-cherry img{object-fit:contain}.fruit-market-cherry.is-correct{animation:fruit-cherry-cheer .6s ease-in-out}.fruit-market-cherry.is-wrong{animation:fruit-cherry-wiggle .5s ease-in-out}.fruit-market-cherry.is-celebrate{animation:fruit-cherry-cheer .72s ease-in-out infinite alternate}.fruit-market-feedback{position:absolute;z-index:13;bottom:clamp(210px,25vw,285px);left:2.5%;width:min(235px,20%);margin:0;padding:8px 12px;border:3px solid #fff9d2;border-radius:18px 18px 18px 5px;color:#704958;background:#fffce8e8;box-shadow:0 5px 0 #b76b47,0 9px 14px #4e39333d;font-size:clamp(12px,1.45vw,16px);font-weight:1000;line-height:1.15;text-align:center}.fruit-market-feedback:after{position:absolute;bottom:-15px;left:34px;width:22px;height:18px;background:#fffce8e8;clip-path:polygon(0 0,100% 0,20% 100%);content:""}.fruit-graph-finish-character{position:relative;display:block;width:180px;height:180px}@keyframes fruit-cell-pop{0%{opacity:0;transform:translateY(-18px) scale(.55) rotate(-8deg)}}@keyframes fruit-column-ready{to{filter:brightness(1.08);transform:translateY(-4px)}}@keyframes fruit-graph-wiggle{20%,60%{transform:translateX(-8px)}40%,80%{transform:translateX(8px)}}@keyframes fruit-token-wiggle{20%,60%{transform:rotate(-8deg)}40%,80%{transform:rotate(8deg)}}@keyframes fruit-cherry-breathe{50%{transform:translateY(-5px) scale(1.01,.995)}}@keyframes fruit-cherry-cheer{45%{transform:translateY(-15px) rotate(3deg) scale(1.05)}}@keyframes fruit-cherry-wiggle{25%{transform:rotate(-2deg)}70%{transform:rotate(2deg)}}@media (max-width:1000px){.fruit-market-stall{top:24%;width:79%}.fruit-market-awning{top:22%;width:82%}.fruit-market-sign{top:19.5%;left:50%}.fruit-graph-board{top:30%;left:50%;width:min(620px,65%);height:43%}.fruit-market-tray{left:50%;width:64%}.fruit-market-cherry{left:-3%;width:clamp(190px,27vw,264px)}.fruit-market-feedback{bottom:clamp(185px,27vw,245px);left:2%;width:min(210px,20%)}}@media (max-width:680px){.fruit-market-stall{top:25%;width:calc(100% - 20px)}.fruit-market-post{width:22px}.fruit-market-backboard{right:3%;left:3%;border-width:6px}.fruit-market-counter{height:61px;border-width:4px}.fruit-market-awning{top:23%;left:50%;width:calc(100% - 12px);height:48px;border-width:4px;border-radius:18px 18px 30px 30px}.fruit-market-sign{top:20.5%;left:50%;min-width:180px;padding:5px 12px;font-size:13px}.fruit-graph-board{top:29%;left:50%;width:calc(100% - 34px);height:36%;grid-template-columns:26px 1fr;padding:9px 9px 9px 5px;border-width:4px;border-radius:19px}.fruit-graph-axis{padding-bottom:49px;font-size:12px}.fruit-graph-column{grid-template-rows:minmax(0,1fr) 48px;border-width:3px;border-radius:14px}.fruit-graph-label{grid-template-columns:34px 1fr 29px;padding:4px}.fruit-graph-label>span{width:34px;height:34px}.fruit-graph-label strong{font-size:11px}.fruit-graph-label b{width:28px;height:28px;font-size:15px}.fruit-market-tray{left:50%;bottom:2%;width:calc(100% - 118px);min-height:19%;padding:24px 7px 8px;border-width:4px;border-radius:18px 18px 28px 28px}.fruit-market-tokens button{width:48px;height:48px}.fruit-market-cherry{bottom:-2%;left:-34px;width:175px}.fruit-market-feedback{bottom:29%;left:6px;width:108px;padding:6px;font-size:10px}}@media (max-width:560px){.fruit-market-sign{top:21%}.fruit-graph-board{top:29%;width:calc(100% - 16px);height:36%;gap:3px}.fruit-graph-columns{gap:6px}.fruit-graph-cells{padding:2px}.fruit-graph-cells>span{border-bottom-width:1px}.fruit-graph-column em{top:4px;right:3px;padding:2px 4px;font-size:8px}.fruit-market-tray{bottom:1.5%;width:calc(100% - 108px);min-height:20%}.fruit-market-tokens{gap:2px}.fruit-market-tokens button{width:43px;height:43px;border-radius:12px}.fruit-market-cherry{left:-31px;width:149px}.fruit-market-feedback{bottom:29%;width:102px;font-size:9.5px}}@media (max-width:390px){.fruit-market-sign{top:22%;min-width:160px;font-size:11px}.fruit-graph-board{top:30%;height:35%}.fruit-graph-axis{padding-bottom:44px}.fruit-graph-column{grid-template-rows:minmax(0,1fr) 43px}.fruit-graph-label{grid-template-columns:29px 1fr 25px}.fruit-graph-label>span{width:29px;height:29px}.fruit-graph-label b{width:24px;height:24px;font-size:13px}.fruit-market-tokens button{width:39px;height:39px}.fruit-market-cherry{width:132px}.fruit-market-feedback{bottom:29%;width:94px}}@media (prefers-reduced-motion:reduce){.fruit-graph-board.phase-compare .fruit-graph-column,.fruit-graph-cells>span.is-filled,.fruit-graph-column,.fruit-market-cherry,.fruit-market-tokens button{animation:none;transition:none}}