.cup-hero{position:relative;display:grid;place-items:center;min-height:420px}.cup{position:relative;width:220px;height:250px;border-radius:0 0 70px 70px;background:var(--surface);box-shadow:inset 0 0 0 6px var(--ink),var(--shadow);overflow:hidden;display:flex;flex-direction:column-reverse}.cup-wrap{position:relative}@media (max-width: 400px){.cup-wrap{margin-right:40px}.saucer{width:260px}}.cup-wrap .handle{position:absolute;right:-60px;top:44px;width:64px;height:100px;border:14px solid var(--ink);border-left:0;border-radius:0 44px 44px 0}.layer{width:100%;background:var(--lc);transition:height .6s var(--ease-spring);display:grid;place-items:center;font-weight:900;font-size:12px;color:#111;overflow:hidden}.steam{position:absolute;top:-90px;left:50%;width:120px;margin-left:-60px;height:90px}.steam i{position:absolute;bottom:0;width:14px;height:60px;border-radius:50%;background:var(--line-strong);filter:blur(4px);animation:steam 2.8s ease-in-out infinite;opacity:0}.steam i:nth-child(1){left:20px}.steam i:nth-child(2){left:52px;animation-delay:.9s}.steam i:nth-child(3){left:84px;animation-delay:1.8s}@keyframes steam{0%{transform:translateY(20px) scaleX(.6);opacity:0}40%{opacity:.9}to{transform:translateY(-40px) scaleX(1.4);opacity:0}}.saucer{width:300px;height:22px;margin-top:-4px;border-radius:50%;background:var(--ink);opacity:.9}.order{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:24px;align-items:start}.board{border-radius:28px;padding:clamp(20px,3vw,34px);background:#1d2321;color:#f4efe3;box-shadow:inset 0 0 0 10px #6b4a2b,var(--shadow)}.board h3{font-weight:900;font-size:28px;letter-spacing:.02em;margin-bottom:18px;color:#fff}.menu{display:grid;gap:4px}.mi{font:inherit;display:grid;grid-template-columns:22px 1fr auto auto;gap:12px;align-items:center;padding:12px 10px;border-radius:14px;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer;border-bottom:1px dashed rgba(244,239,227,.25);transition:background-color .2s}.mi:hover{background:#ffffff0f}.mi .sw{width:18px;height:18px;border-radius:50%;background:var(--lc)}.mi b{font-weight:900;font-size:18px;display:block}.mi small{color:#c8c2b4;font-size:13px;line-height:1.4;display:block}.mi .min{font-weight:900;font-variant-numeric:tabular-nums;color:var(--yellow)}.mi .add{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#ffffff1a;font-weight:900;font-size:20px}.mi[aria-pressed=true]{background:#f4c54224}.mi[aria-pressed=true] .add{background:var(--yellow);color:#111}.ticket{position:relative;border-radius:6px;padding:22px 20px 28px;background:#fffdf6;color:#111;box-shadow:var(--shadow);font-variant-numeric:tabular-nums;display:grid;gap:10px;transform-origin:top}.ticket:after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:12px;background:radial-gradient(circle at 8px 0,transparent 7px,#FFFDF6 7.5px) 0 0 / 16px 12px repeat-x}.ticket.print{animation:print .9s var(--ease-out)}@keyframes print{0%{transform:scaleY(.1);opacity:.2}}.ticket h4{font-weight:900;letter-spacing:.2em;text-transform:uppercase;font-size:13px;text-align:center;border-bottom:1px dashed #999;padding-bottom:10px}.ticket ul{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:15px}.ticket li{display:flex;justify-content:space-between;gap:10px}.ticket .tot{display:flex;justify-content:space-between;font-weight:900;font-size:18px;border-top:1px dashed #999;padding-top:10px}.ticket .empty{color:#6a6a6a;font-size:14px}.ticket .btn{margin-top:6px}.mission{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.models{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.model{font:inherit;text-align:left;padding:24px;border-radius:24px;border:0;background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line);cursor:pointer;display:grid;gap:10px;transition:box-shadow .3s,transform .3s var(--ease-spring)}.model[aria-pressed=true]{box-shadow:inset 0 0 0 3px var(--red),var(--shadow);transform:translateY(-4px)}.floor{display:grid;grid-template-columns:repeat(15,1fr);gap:2px;width:min(100%,300px);aspect-ratio:1}.floor i{border-radius:2px;background:var(--line);transition:background-color .3s}.floor i.f{background:var(--red)}.floor i.t{background:var(--yellow)}.floor i.c{background:var(--cyan)}@media (max-width: 900px){.order{grid-template-columns:minmax(0,1fr)}.mission{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 560px){.mission,.models{grid-template-columns:minmax(0,1fr)}.mi{grid-template-columns:18px 1fr auto}.mi .min{grid-column:2;grid-row:2}.mi .add{grid-row:1 / 3;grid-column:3}}