#modal:has(#mastery-panel){width:min(920px,calc(100vw - 44px));max-width:920px;padding:24px 28px}#mastery-panel{color:#e8ecdf;font-size:14px;line-height:1.55}#mastery-panel *{box-sizing:border-box}#mastery-panel h2{font-size:29px;letter-spacing:-.7px;line-height:1.18;margin:12px 0 9px}#mastery-panel h3{font-size:22px;margin:7px 0}#mastery-panel h4{font-size:17px;margin:0 0 5px}#mastery-panel p{font-size:13px;line-height:1.65;color:#bdcfc8}#mastery-panel button,#mastery-panel select{font:inherit;min-height:44px}#mastery-panel button{cursor:pointer;border:1px solid #c5d5b438;border-radius:9px;background:#12333b;color:#e0e7d9;padding:10px 14px}#mastery-panel button.primary{background:#d0dfa1;color:#173137;border-color:#d0dfa1;font-weight:600}#mastery-panel button:disabled{opacity:.4;cursor:default}#mastery-panel button:focus-visible,#mastery-panel select:focus-visible{outline:2px solid #e4c78d;outline-offset:3px}.mastery-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.mastery-top>span{font-size:9px;color:#bad0bd;letter-spacing:1px}.mastery-top button{border:0!important;background:transparent!important;padding:0!important;font-size:12px!important;min-height:30px!important}.mastery-intro{margin:0 0 16px;max-width:690px}.mastery-progress{padding:16px 18px;border-radius:12px;background:linear-gradient(110deg,#a1b98120,#13343caa);border:1px solid #bad4a533}.mastery-progress>div{display:flex;gap:12px;justify-content:space-between;align-items:center;font-size:11px}.mastery-progress>div>span{font-size:9px;letter-spacing:1px;color:#c8d5b9}.mastery-progress progress{width:100%;height:6px;accent-color:#d6c08c;margin:10px 0}.mastery-progress p{font-size:11px!important;margin:0}.mastery-path-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}.mastery-path{padding:21px;background:radial-gradient(ellipse at 90% 0,#a4bd8c18,transparent 65%),#0a2732;border:1px solid #bdd4b62e;border-radius:17px;position:relative;overflow:hidden}.mastery-path.selected{border-color:#d8c18b;box-shadow:inset 0 0 35px #c9ad6a09}.mastery-path-symbol{color:#d8c28e;font-size:35px;line-height:1;margin-bottom:17px}.mastery-kicker{font-size:9px;letter-spacing:1px;color:#d8c794}.mastery-path p{min-height:45px;margin:9px 0}.mastery-path small{display:block;font-size:11px;color:#a9c0b6;min-height:34px}.mastery-path button{width:100%;margin-top:16px}.mastery-cleared{display:block;margin-top:12px;padding:9px 12px;border-radius:8px;background:#bdd79a13;color:#cfe0ba;font-size:11px}.mastery-path-footer{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.mastery-path-footer p{width:100%;margin:0}.mastery-path-footer button{flex:1}.mastery-fine{font-size:10px!important;color:#94afa4!important;margin:16px 0 0}.mastery-rounds{display:flex;gap:8px;align-items:center;margin:15px 0}.mastery-rounds>span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#c9d7ba17;color:#96b4a5;font-size:12px}.mastery-rounds>span.current{background:#ddc48e;color:#15333a}.mastery-rounds>span.done{background:#bbd5a536;color:#d9e5c5}.mastery-rounds>b{font-size:11px;font-weight:400;color:#b8cabc;margin-left:auto}.mastery-brief{font-size:17px!important;color:#e2e6d8!important;max-width:740px;margin:10px 0 18px}.mastery-hint{font-size:11px!important;color:#b0c3b7!important}.mastery-hospitality{display:grid;gap:11px}.mastery-guest{display:flex;gap:17px;padding:16px;background:#102f38;border:1px solid #b6d0b32d;border-radius:13px}.mastery-guest-icon{flex:0 0 43px;height:43px;border-radius:50%;display:grid;place-items:center;font-size:24px;color:#d9c598;background:radial-gradient(circle at top,#d7c18b38,#13323c)}.mastery-guest>div{flex:1;min-width:0}.mastery-guest p{margin:0 0 10px;font-size:12px!important}.mastery-guest label{display:block;font-size:10px;color:#a9c1b6}.mastery-guest select{display:block;width:100%;margin-top:6px;background:#071f2a;color:#e4e8d9;border:1px solid #b7cfa34d;border-radius:8px;padding:9px;font-size:12px!important}.mastery-precision{display:grid;grid-template-columns:1fr 1.2fr;gap:25px;align-items:center;padding:20px;background:#0c2933;border:1px solid #c2d3ad25;border-radius:16px}.mastery-cup-wrap{display:flex;flex-direction:column;align-items:center;gap:20px;padding:15px}.mastery-cup{height:200px;width:155px;border:3px solid #cde2dbcc;border-radius:7px 7px 48px 48px;position:relative;background:linear-gradient(100deg,#b6dbd316,#ffffff08);box-shadow:inset 10px 0 15px #fff1,0 25px 25px -18px #000a}.mastery-cup:after{content:'';position:absolute;right:-42px;top:35px;border:5px solid #c7ddd5bb;width:40px;height:76px;border-radius:0 45% 45% 0;border-left:0}.mastery-cup-fill{position:absolute;inset:9px 8px 8px;border-radius:2px 2px 35px 35px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}.mastery-cup-fill>div{transition:height .25s;min-height:0;box-shadow:inset 8px 0 13px #fff2}.mastery-cup-wrap>span{font-size:11px;color:#bdcfbf}.mastery-stepper{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #c5d5b51c}.mastery-stepper>span{font-size:14px}.mastery-stepper>div{display:flex;align-items:center;gap:12px}.mastery-stepper button{width:44px;font-size:18px!important;padding:0!important}.mastery-stepper output{width:26px;text-align:center;color:#e5d5ac;font-size:20px;font-variant-numeric:tabular-nums}.mastery-recipe{padding:12px 14px;background:#c7ac6f14;border:1px solid #cab47d33;border-radius:10px}.mastery-recipe span{display:block;font-size:8px;letter-spacing:1.4px;color:#d0bd8f}.mastery-recipe strong{display:block;font-size:16px;margin-top:6px}.mastery-recipe p{font-size:11px!important;margin:5px 0 0}.mastery-rules{display:flex;flex-wrap:wrap;gap:8px;padding:14px 16px;border-radius:11px;background:#b3c99e10;border:1px solid #bad0ac29;margin:12px 0}.mastery-rules>b{width:100%;font-size:12px;color:#ded1ac}.mastery-rules p{width:100%;margin:0;font-size:12px!important}.mastery-rules>span{font-size:11px;padding:5px 8px;background:#0b2732;border-radius:6px}.mastery-timeline{list-style:none;padding:0;display:grid;gap:10px;counter-reset:stage}.mastery-timeline li{display:flex;gap:16px;align-items:center;padding:16px;background:#102e39;border:1px solid #bad0ad2b;border-radius:13px}.mastery-order-number{font-size:27px;color:#d5c08e;min-width:30px}.mastery-timeline li>div:nth-child(2){flex:1}.mastery-timeline p{margin:0;font-size:11px!important}.mastery-order-controls{display:flex;gap:6px}.mastery-order-controls button{width:44px;padding:0!important;font-size:20px!important}.mastery-budget{padding:20px;border:1px solid #bfd0ad33;background:linear-gradient(140deg,#748d6822,#0c2b35);border-radius:14px}.mastery-budget>span{font-size:9px;letter-spacing:1.4px;color:#d1be91}.mastery-budget-tokens{display:flex;flex-wrap:wrap;gap:9px;margin:17px 0}.mastery-budget-tokens i{display:block;width:26px;height:26px;border-radius:6px;border:1px solid #c5d5aa66;background:#10313a;transform:rotate(7deg);transition:background .2s}.mastery-budget-tokens i.used{background:#d3bc85;border-color:#e6d3a1;box-shadow:0 3px 7px #0004}.mastery-budget>b{font-size:18px}.mastery-challenge-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #c1d3af28;padding-top:18px;margin-top:20px}.mastery-challenge-footer>div>*{display:block}.mastery-challenge-footer span{font-size:13px;color:#e1d2ac}.mastery-challenge-footer small{font-size:10px;color:#9fb9ad;margin-top:4px}.mastery-error{padding:14px 17px;border:1px solid #dbb88666;border-radius:12px;background:#6c412322;margin:12px 0;color:#e8cba7;font-size:13px}.mastery-error button{margin-top:10px;display:block}.mastery-result{text-align:center;padding:25px 12px}.mastery-result-symbol{font-size:65px;color:#dfc58d}.mastery-result>strong{font-size:45px;color:#d9e7b7}.mastery-result p{max-width:430px;margin:12px auto}.mastery-result>button{display:block;margin:12px auto;min-width:240px}.mastery-entry{padding:18px;border:1px solid #cfbd8655;border-radius:13px;background:linear-gradient(120deg,#a5956220,#10323c);margin:15px 0}.mastery-entry p{font-size:12px;color:#bdcfbf}.mastery-entry button{width:100%}@media(max-width:600px){#modal:has(#mastery-panel){width:calc(100vw - 20px);max-width:calc(100vw - 20px);padding:17px 14px}#mastery-panel h2{font-size:23px;margin:10px 0 7px}.mastery-top>span{font-size:7px;letter-spacing:.5px}.mastery-path-grid{grid-template-columns:1fr;gap:11px}.mastery-path{padding:17px}.mastery-path-symbol{font-size:26px;margin-bottom:10px}.mastery-path p{min-height:0}.mastery-path small{min-height:0}.mastery-path-footer{flex-direction:column;align-items:stretch}.mastery-progress>div{align-items:flex-start;flex-direction:column;gap:6px}.mastery-guest{padding:13px;gap:10px}.mastery-guest-icon{flex-basis:30px;width:30px;height:30px;font-size:19px}.mastery-precision{grid-template-columns:1fr;padding:15px;gap:5px}.mastery-cup{width:100px;height:125px;border-radius:5px 5px 30px 30px}.mastery-cup:after{right:-29px;top:23px;width:27px;height:49px}.mastery-cup-fill{border-radius:2px 2px 22px 22px;inset:6px}.mastery-cup-wrap{gap:10px;padding:8px}.mastery-brief{font-size:15px!important}.mastery-timeline li{padding:12px;gap:10px}.mastery-order-number{min-width:20px;font-size:23px}.mastery-order-controls{flex-direction:column}.mastery-challenge-footer{display:block}.mastery-challenge-footer button{width:100%;margin-top:13px}.mastery-budget{padding:16px}.mastery-budget-tokens{gap:7px}.mastery-budget-tokens i{width:22px;height:22px}}@media(prefers-reduced-motion:reduce){.mastery-cup-fill>div,.mastery-budget-tokens i{transition:none}}
.mastery-feedback{padding:12px 15px;border:1px solid #c9d69f44;border-radius:10px;background:#b9ce9510;font-size:12px!important;color:#d5e2bd!important}
.mastery-drink-menu{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.mastery-drink-menu>div{background:#cbb9860d;border:1px solid #d0bd8540;padding:10px 12px;border-radius:9px}.mastery-drink-menu b{display:block;font-size:12px;color:#e1cfa0}.mastery-drink-menu span{display:block;margin-top:5px;font-size:10px;line-height:1.5;color:#b6cabd}.mastery-drink-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.mastery-drink-choices button{font-size:12px!important;padding:8px!important;background:#09252f!important}.mastery-drink-choices button[aria-pressed=true]{background:#d4c18b24!important;border-color:#dfc78e!important;color:#f0dfb8!important}@media(max-width:600px){.mastery-drink-menu{grid-template-columns:1fr}.mastery-drink-menu>div{display:flex;gap:10px;padding:8px 10px;align-items:baseline}.mastery-drink-menu b{min-width:75px}.mastery-drink-menu span{margin:0}.mastery-drink-choices button{font-size:10px!important;padding:7px 3px!important}.mastery-guest{gap:8px}}