.market-page{max-width:1240px;margin:24px auto;padding:0 18px}.market-page>h1{font-size:clamp(23px,4vw,36px);color:#152f50;margin:12px 0 4px}.market-page>p{margin:0 0 16px}.market{box-sizing:border-box;position:relative;container-type:size;isolation:isolate;width:100%;aspect-ratio:16/9;overflow:hidden;border:3px solid #ead8b2;border-radius:24px;background:#f5e7cb url('./assets/shop.webp') center/cover;color:#122b49;font-family:'Zen Maru Gothic',system-ui,sans-serif;font-weight:700}.market *{box-sizing:border-box}.market [hidden]{display:none!important}.market button,.market input{font:inherit}.market button{color:#142f4b;cursor:pointer;border:2px solid #beab86;border-radius:12px;padding:8px 12px;background:#fff8e9;line-height:1.3;touch-action:manipulation}.market button:disabled{opacity:1;cursor:default;color:#53616b}.market button:focus-visible,.market input:focus-visible{outline:4px solid #8d3da0;outline-offset:3px}.market button:hover:not(:disabled){box-shadow:0 0 0 3px #efa331}.market .teal{background:transparent url('./assets/button.webp') center/100% 100% no-repeat;border:0;color:#fff}.market-base{height:100%;padding:1.6cqh 2cqw 2cqh;display:flex;flex-direction:column;gap:1cqh}.market-top{display:flex;justify-content:space-between;align-items:center;gap:1cqw;flex:0 0 10cqh;min-height:0}.market-name{font-size:clamp(15px,2.1cqw,33px);background:url('./assets/label.webp') center/100% 100% no-repeat;padding:1.5cqh 2.2cqw;white-space:nowrap}.market-nav{display:flex;gap:.6cqw}.market-nav button{font-size:clamp(11px,1.1cqw,18px);padding:1cqh .7cqw;white-space:nowrap;min-height:34px}.market-cover{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2cqh;padding:2cqh 4cqw}.market-cover h2{font-size:clamp(30px,5.2cqw,88px);line-height:1.2;margin:0;background:url('./assets/label.webp') center/100% 100% no-repeat;padding:3.8cqh 5cqw;text-align:center}.market-cover>p{font-size:clamp(17px,2cqw,31px);margin:0;text-align:center;background:#fff7e3d9;padding:.7cqh 2cqw;border-radius:12px}.market-levels{display:flex;gap:2cqw;justify-content:center}.market .level-tag{width:19cqw;min-height:21cqh;padding:2cqh 1.5cqw;background:url('./assets/label.webp') center/100% 100% no-repeat;border:4px solid transparent;border-radius:25px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1cqh}.level-tag strong{font-size:clamp(26px,4cqw,68px)}.level-tag small{font-size:clamp(12px,1.4cqw,23px)}.market button[data-mode][aria-pressed=true]{border-color:#e66953;box-shadow:0 0 0 3px #ffefca}.market-cover #start{font-size:clamp(17px,2.4cqw,37px);padding:2.7cqh 4cqw;min-height:55px;min-width:48cqw}.market-game{flex:1;min-height:0;display:grid;grid-template-rows:7cqh 9cqh minmax(0,1fr) 11cqh 7cqh;gap:1cqh}.market-counts{display:flex;gap:1.5cqw;justify-content:center;align-items:center}.market-counts span{font-size:clamp(12px,1.3cqw,21px);border-radius:10px;padding:.8cqh 1.5cqw;background:#fff9e9;border:1px dashed #af9271;white-space:nowrap}.market-counts b{font-size:clamp(20px,2.2cqw,36px);padding-left:.5cqw}.market-feedback{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5cqh}.market-feedback #feedback{font-size:clamp(18px,2.6cqw,42px);line-height:1.3;margin:0;text-align:center}.market-feedback #feedback[data-kind=correct]{color:#0f6550}.market-feedback #feedback[data-kind=wrong]{color:#914512}.market-feedback #hint{font-size:clamp(12px,1.3cqw,21px);margin:0;line-height:1.3}.market-groups{display:grid;grid-template-columns:1fr 1fr;gap:2.2cqw;min-height:0;padding:0 2cqw}.market-group{min-height:0;display:flex;flex-direction:column;gap:.6cqh}.market-tray{flex:1;min-height:0;position:relative;background:url('./assets/left-tray.webp') center/100% 100% no-repeat;padding:10% 10% 7%}.market-group.right .market-tray{background-image:url('./assets/right-tray.webp')}.market-fruits{display:grid;width:100%;height:100%;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:.5cqh .6cqw;align-items:center;justify-items:center}.market-fruits .fruit{width:100%;height:100%;min-width:0;min-height:0;object-fit:contain;display:block}.market[data-mode=easy] .market-fruits{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}.market[data-mode=normal] .market-fruits{grid-template-rows:repeat(2,minmax(0,1fr))}.market-group-label{display:flex;gap:1cqw;align-items:center;justify-content:center;height:4cqh;flex:none;min-height:21px}.market-group-label strong,.market-group-label span{background:#fff9e9;border-radius:10px;padding:.2cqh 1.7cqw;font-size:clamp(13px,1.5cqw,24px);line-height:1.2}.market-group-label span{min-width:3em;visibility:hidden}.market[data-reveal=true] .market-group-label span{visibility:visible}.market-answers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2cqw;padding:0 2cqw;min-height:0}.market .compare-answer{font-size:clamp(15px,2cqw,33px);border:3px solid transparent;border-radius:19px;background:transparent url('./assets/label.webp') center/100% 100% no-repeat;padding:1cqh 1cqw;display:flex;align-items:center;justify-content:center;gap:.5cqw;white-space:nowrap}.market .compare-answer.correct{color:#104334;background-image:url('./assets/button.webp');border-color:#087969}.market .compare-answer.wrong{border-color:#c96348}.market .compare-answer:disabled{color:#142f4b}.market .answer-mark{min-width:.8em;font-size:1.05em;font-weight:900}.market-footer{display:flex;align-items:center;justify-content:space-between;gap:1cqw;padding:0 2cqw}.market-footer p{font-size:clamp(11px,1.2cqw,20px);margin:0;line-height:1.3;background:#fff9e9dc;padding:3px 8px;border-radius:8px}.market-inline-modes{display:flex;gap:.4cqw;align-items:center}.market-inline-modes button,.market-footer #restart{font-size:clamp(10px,1.05cqw,17px);padding:.5cqh .7cqw;min-height:29px;white-space:nowrap}.market-dialog{position:absolute;inset:0;background:#23394ab8;display:grid;place-items:center;padding:4cqh 4cqw;z-index:10}.market-dialog-box{background:#fff8e8;border:5px dashed #91b7a6;border-radius:22px;max-width:670px;width:85%;max-height:100%;overflow:auto;padding:clamp(18px,4cqh,38px);font-size:clamp(15px,1.8cqw,26px);line-height:1.6}.market-dialog-box h2{margin:0 0 12px;font-size:1.5em}.market-dialog-box p{margin:12px 0}.market-dialog-box button{margin:5px 3px;min-height:44px}.market-dialog-box label{display:block;margin:12px 0}.market-dialog-box input{width:100%;accent-color:#187d80}.parent-note{padding:18px;margin:20px 0;background:#fff8e8;border-radius:16px;font-size:15px;line-height:1.8}.market:fullscreen{height:100dvh;width:100vw;aspect-ratio:auto;border:0;border-radius:0;max-width:none}
@container(max-width:650px){.market-top{flex-wrap:wrap;justify-content:center;flex-basis:12cqh}.market-name{font-size:clamp(16px,4.3cqw,24px);padding:1cqh 5cqw}.market-nav{justify-content:center;gap:1.3cqw;width:100%}.market-nav button{font-size:clamp(10px,2.7cqw,14px);padding:.6cqh 1cqw;min-height:32px}.market-cover{padding:3cqh 1cqw;gap:3cqh}.market-cover h2{font-size:clamp(27px,8cqw,44px);padding:4cqh 6cqw}.market-cover>p{font-size:16px}.market-levels{width:100%;gap:2cqw}.market .level-tag{width:29cqw;min-height:20cqh;padding:1cqh 1cqw;border-radius:15px}.level-tag strong{font-size:28px}.level-tag small{font-size:11px}.market-cover #start{width:90%;padding:3cqh 2cqw;font-size:19px;min-height:70px}.market-game{grid-template-rows:7cqh 10cqh minmax(0,1fr) 13cqh 13cqh;gap:1.6cqh}.market-counts{gap:1.5cqw}.market-counts span{font-size:11px;padding:1cqh 2cqw}.market-counts b{font-size:22px}.market-feedback #feedback{font-size:21px}.market-feedback #hint{font-size:12px;text-align:center}.market-groups{gap:2cqw;padding:0}.market-tray{padding:12% 9% 8%}.market-group-label{height:4cqh;gap:.7cqw}.market-group-label strong,.market-group-label span{font-size:13px;padding:3px 5px}.market-fruits{gap:.7cqh .5cqw}.market-answers{gap:1.5cqw;padding:0}.market .compare-answer{font-size:15px;white-space:normal;flex-direction:column;gap:0;padding:1.3cqh 1cqw;line-height:1.45;border-radius:15px}.compare-answer .answer-mark{line-height:1;min-height:1em}.market-footer{flex-wrap:wrap;justify-content:center;padding:0;gap:1cqh}.market-footer p{flex-basis:100%;text-align:center;font-size:12px}.market-inline-modes{gap:2cqw}.market-inline-modes button,.market-footer #restart{font-size:12px;min-height:34px;padding:5px 8px}.market-dialog-box{font-size:16px;width:100%}}
@media(max-width:650px){.market-page{padding:0 8px}.market{aspect-ratio:auto;height:min(850px,calc(100svh - 12px));min-height:650px;border-radius:16px}}@media(max-height:520px) and (min-width:651px){.market-page{padding:0 8px}.market{height:calc(100svh - 8px);aspect-ratio:auto}.market-nav button{font-size:11px;min-height:28px;padding:3px 5px}.market-name{font-size:18px}.market-top{flex-basis:10cqh}.market-game{grid-template-rows:8cqh 10cqh minmax(0,1fr) 12cqh 8cqh;gap:1cqh}.market-counts span{font-size:11px;padding:.4cqh 1cqw}.market-counts b{font-size:20px}.market-feedback #feedback{font-size:19px}.market-feedback #hint{font-size:11px}.market .compare-answer{font-size:17px;padding:2px}.market-tray{padding:6% 10% 5%}.market-group-label{height:5cqh;min-height:17px}.market-group-label strong,.market-group-label span{font-size:11px;padding:1px 7px}.market-footer p{font-size:10px}.market-inline-modes button,.market-footer #restart{font-size:10px;min-height:25px;padding:2px 5px}.market-cover h2{font-size:35px;padding:3cqh 4cqw}.market-cover>p{font-size:16px}.market .level-tag{min-height:19cqh}.level-tag strong{font-size:30px}.level-tag small{font-size:12px}.market-cover #start{font-size:19px;min-height:40px;padding:1.5cqh 3cqw}.market-dialog-box{font-size:15px}}

.level-fruits{display:flex;gap:.7cqw;height:5.5cqh;align-items:center;justify-content:center}.level-fruits img{width:4cqw;height:100%;object-fit:contain}.market .level-tag{gap:.6cqh}.level-tag strong{font-size:clamp(25px,3.8cqw,65px)}@container(max-width:650px){.level-fruits{height:5cqh;gap:1cqw}.level-fruits img{width:7cqw}.level-tag strong{font-size:28px}}