*{box-sizing:border-box}:root{font-family:'Trebuchet MS',Arial,sans-serif;font-size:18px;color:#213254;background:#53dbe5}body{margin:0;padding:20px}header{max-width:1360px;margin:0 auto 18px;display:flex;justify-content:space-between;align-items:center;gap:18px}.brand{font-size:.75rem;letter-spacing:.12em;font-weight:800}h1{font-size:clamp(1.8rem,4.5vw,3.6rem);letter-spacing:-.055em;margin:4px 0}h1 span{color:#86144e}h2,h3,p{margin-top:0}h2{font-size:1.4rem}h3{font-size:1.1rem}p{line-height:1.5}button{font:inherit;font-weight:800;cursor:pointer;touch-action:manipulation;min-height:54px;border:2px solid #213254;border-radius:18px;background:white;color:#213254;padding:11px 16px;box-shadow:0 4px 0 #213254}button:active{transform:translateY(2px);box-shadow:0 2px 0 #213254}button:focus-visible{outline:4px solid #1d3db4;outline-offset:4px}button:disabled{cursor:default;opacity:.65}[hidden]{display:none!important}main{max-width:1360px;margin:auto;border:4px solid #213254;border-radius:32px;overflow:hidden;background:#fff6c4;box-shadow:0 12px 0 #239eaf}nav{display:flex;gap:12px;padding:18px;background:#f6a5d3;flex-wrap:wrap;border-bottom:3px solid #213254}nav button{flex:1;min-width:125px;background:#fff0aa}nav button:nth-child(2){background:#bcf4c0}nav button:nth-child(3){background:#c8e8ff}nav button:nth-child(4){background:#e5caff}nav button:nth-child(5){background:#ffcf97}nav button[aria-pressed=true]{background:#213254;color:white}.levels{padding:14px 20px;display:flex;gap:18px;align-items:center;background:#d6f6bc;border-bottom:3px solid #213254}.levels>span{font-weight:800}.levels>div{display:flex;gap:10px;flex-wrap:wrap}.level{min-width:56px;border-radius:50%;padding:10px;background:#fff}.level[aria-pressed=true]{background:#98297d;color:white}.shop{display:grid;grid-template-columns:240px minmax(0,1fr);gap:22px;padding:24px}aside{text-align:center;background:#d7b9ff;border:3px solid #8860bd;border-radius:26px;padding:12px;align-self:start}.monster{background-image:url('monsters.png');background-size:300% 200%;background-position:var(--x,0%) var(--y,0%);width:175px;height:175px;margin:auto;border-radius:22px;background-color:white}aside h2{margin:8px 0 4px}#round{font-size:.85rem;margin-bottom:12px}.speech{background:#fff3a9;border-radius:18px;border:2px solid #947730;padding:14px 10px}.speech h3{margin-bottom:8px}.speech p{font-size:.9rem;margin:0}.smallfriends{display:flex;justify-content:center;margin-top:12px;gap:10px}.smallfriends .monster{width:75px;height:75px;margin:0}.top{display:flex;align-items:center;justify-content:space-between;gap:12px}.top h2{margin:0}.quiet{font-size:.85rem;padding:8px 12px;min-height:46px;box-shadow:none}.workspace>p{margin:12px 0}.ticket{background:#ffdfeb;border:3px solid #dd75a4;border-radius:20px;padding:14px;margin:14px 0}.ticket h3{margin:0 0 10px}.orderline{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:8px 0}.chip{display:inline-flex;align-items:center;gap:4px;background:#fff;border-radius:13px;padding:5px 8px;font-size:.85rem;font-weight:800}.chip .art{width:35px;height:35px}.art{display:inline-block;background-image:url('treats.png');background-size:300% 300%;background-position:var(--x,0%) var(--y,0%);width:75px;height:75px;background-color:white;border-radius:14px;flex-shrink:0}.counter{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;background:#95e5f1;border:3px solid #2897b1;border-bottom-width:10px;border-radius:22px;padding:12px;margin:18px 0}.flavor{display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0;font-size:.82rem;padding:8px 3px}.flavor .art{width:64px;height:64px}.flavor:nth-child(3n+1){background:#ffc0d9}.flavor:nth-child(3n+2){background:#d7c4ff}.flavor:nth-child(3n){background:#ffe99d}.cones{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin:15px 0}.coneCard{flex:1;min-width:170px;max-width:420px;border:3px solid #8d6bb1;background:#edddff;border-radius:22px;padding:12px;text-align:center}.coneCard.active{border-color:#d82476;box-shadow:0 0 0 3px #d82476}.coneCard h3{margin-bottom:10px}.stack{display:flex;flex-direction:column-reverse;align-items:center;gap:5px;margin-top:10px}.slot{display:flex;align-items:center;gap:6px;justify-content:center;width:100%;max-width:225px;min-height:65px;padding:5px;font-size:.9rem;box-shadow:none;background:#fff8cf;border:2px dashed #b88628}.slot .art{width:48px;height:48px}.empty{font-size:.85rem;color:#5d5372}.coneArt{width:90px;height:90px;display:block;margin:0 auto}.toppings{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:8px 0}.toppings button{font-size:.85rem;display:flex;align-items:center;gap:5px;padding:6px}.toppings .art{width:36px;height:36px}.toppings [aria-pressed=true]{background:#bcf4c0;outline:3px solid #287750}.primary{background:#da2977;border-color:#801349;color:white;box-shadow:0 5px 0 #801349;font-size:1.1rem;padding:15px 25px}.actions{display:flex;gap:12px;flex-wrap:wrap}.memoryCover{background:#d0f5bd;text-align:center;padding:22px;border:3px solid #66983e;border-radius:20px}.sequence{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0;align-items:center}.sequence .slot{width:90px;min-height:100px;flex-direction:column;font-size:.8rem}.shareCount{background:#ffc6df;padding:15px;border-radius:20px;text-align:center;font-weight:800;font-size:1.25rem}.shareCone{display:flex;flex-direction:column;align-items:center;width:100%;background:#fff7cb;margin-bottom:12px}.shareCone strong{font-size:1.8rem}.shareCone .art{width:90px;height:90px}.shareCone span{font-size:.9rem}.wrongGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.wrongGrid button{display:flex;align-items:center;flex-direction:column;gap:5px;background:#cdf5c0}.wrongGrid button[aria-pressed=true]{background:#ffbdda;outline:4px solid #ba286e}.wrongGrid small{font-size:.85rem}.celebrate{text-align:center;background:#ffc9df;border:3px solid #cf6ba0;border-radius:24px;padding:26px}.celebrate h2{font-size:2rem;margin:15px 0}.star{font-size:2.3rem;color:#744300}#feedback{min-height:28px;font-weight:800;color:#842557}#feedback.success{color:#17642f}footer{text-align:center;padding:20px;background:#ffb884;font-weight:800;border-top:3px solid #213254}dialog{width:calc(100% - 24px);max-width:650px;border:4px solid #213254;border-radius:25px;padding:25px;background:#fff7d8;color:#213254}dialog::backdrop{background:#21325499}dialog li{margin:10px 0;line-height:1.5}@media(max-width:1000px){.shop{grid-template-columns:195px minmax(0,1fr);padding:16px;gap:16px}.monster{width:150px;height:150px}.counter{grid-template-columns:repeat(3,minmax(0,1fr))}.smallfriends .monster{width:65px;height:65px}.flavor{font-size:.9rem}}@media(max-width:650px){body{padding:8px}header{gap:8px}.brand{font-size:.65rem}header button{font-size:.8rem;padding:7px}h1{font-size:1.8rem}nav{gap:8px;padding:12px}nav button{font-size:.85rem;min-width:90px;padding:9px}.levels{display:block;padding:12px}.levels>div{margin-top:10px;gap:8px}.level{min-width:50px}.shop{display:block;padding:12px}aside{display:grid;grid-template-columns:90px 1fr;gap:8px;margin-bottom:18px;padding:10px}.monster{width:85px;height:85px;grid-row:1/4}aside h2{font-size:1.1rem;margin:0}#round{margin:0}.speech{padding:8px}.speech h3{font-size:1rem;margin:0}.speech p{font-size:.8rem}.smallfriends{display:none}.top{align-items:flex-start}.top h2{font-size:1.2rem}.quiet{font-size:.8rem}.coneCard{min-width:135px;padding:8px}.wrongGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.chip{font-size:.8rem}.counter{padding:10px;gap:9px}.flavor .art{width:60px;height:60px}.flavor{font-size:.8rem}.sequence .slot{width:72px}.slot{font-size:.8rem}.slot .art{width:36px;height:36px}}@media(prefers-reduced-motion:no-preference){.success{animation:pop .25s ease-out}@keyframes pop{from{transform:scale(.97)}to{transform:scale(1)}}}
.monster{height:262px}.smallfriends .monster{height:112px}@media(max-width:1000px){.monster{height:225px}.smallfriends .monster{height:97px}}@media(max-width:650px){.monster{height:127px}}