:root{--roaster-bg:#0e0906;--roaster-surface:#1a120cd9;--roaster-card:#261a12b3;--roaster-border:#d48c4638;--roaster-border-glow:#e4964e73;--roaster-copper:#d48c46;--roaster-copper-bright:#e8a663;--roaster-copper-light:#f5c596;--roaster-fire:#ff5722;--roaster-fire-glow:#ff572266;--roaster-text:#f8f1e9;--roaster-text-muted:#bdaea2}.roaster-container{width:100%;max-width:1080px;color:var(--roaster-text);margin:0 auto;font-family:inherit}.roaster-glass-panel{background:var(--roaster-surface);-webkit-backdrop-filter:blur(16px);border:1px solid var(--roaster-border);border-radius:20px;box-shadow:0 12px 40px #000000a6,0 0 20px #d48c4614}.bean-card{cursor:pointer;-webkit-user-select:none;user-select:none;border:2px solid #0000;outline:none;transition:all .25s cubic-bezier(.16,1,.3,1)}.bean-card:focus-visible{outline:2px solid var(--roaster-copper-bright);outline-offset:2px}.bean-card:hover{border-color:var(--roaster-copper);transform:translateY(-4px);box-shadow:0 8px 30px #d48c4633}.bean-card.active{border-color:var(--roaster-copper-bright);background:linear-gradient(145deg,#362216e6,#1c120cf2);box-shadow:0 0 25px #d48c4659}.roast-level-pill{cursor:pointer;transition:all .2s}.roast-level-pill.active{color:#fff;background:linear-gradient(135deg,#d48c46,#b06b29);box-shadow:0 4px 15px #d48c4666}.roast-canvas-wrapper{aspect-ratio:16/10;border:1px solid var(--roaster-border);background:radial-gradient(circle,#26170d 0%,#110a06 100%);border-radius:16px;width:100%;max-height:480px;position:relative;overflow:hidden}.roast-canvas{width:100%;height:100%;display:block}.flame-button{cursor:pointer;transition:all .2s}.flame-button.active{box-shadow:0 0 20px var(--roaster-fire-glow);color:#fff;background:linear-gradient(135deg,#ff6b35,#d83a00);transform:scale(1.05)}.dump-button{color:#fff;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(135deg,#e63946,#c1121f);font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 6px 20px #e6394673}.dump-button:hover:not(:disabled){transform:translateY(-2px)scale(1.02);box-shadow:0 10px 28px #e63946a6}.dump-button:active:not(:disabled){transform:translateY(1px)scale(.99)}.gauge-bar{transition:width .3s cubic-bezier(.1,.8,.3,1)}@keyframes pulseGlow{0%,to{box-shadow:0 0 15px #d48c4633}50%{box-shadow:0 0 30px #d48c4680}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fadeIn{animation:.4s ease-out forwards fadeIn}.animate-spin{animation:1s linear infinite spin}.glow-pulsing{animation:2.5s ease-in-out infinite pulseGlow}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.shrink-0{flex-shrink:0}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.space-y-1>:not([hidden])~:not([hidden]){margin-top:.25rem}.space-y-2>:not([hidden])~:not([hidden]){margin-top:.5rem}.space-y-3>:not([hidden])~:not([hidden]){margin-top:.75rem}.space-y-4>:not([hidden])~:not([hidden]){margin-top:1rem}.space-y-6>:not([hidden])~:not([hidden]){margin-top:1.5rem}.space-y-8>:not([hidden])~:not([hidden]){margin-top:2rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-3\.5{padding:.875rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-20{padding-top:5rem;padding-bottom:5rem}.pt-2{padding-top:.5rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.w-full{width:100%}.w-1\.5{width:.375rem}.h-1\.5{height:.375rem}.w-3\.5{width:.875rem}.h-3\.5{height:.875rem}.w-4{width:1rem}.h-4{height:1rem}.w-5{width:1.25rem}.h-5{height:1.25rem}.w-12{width:3rem}.h-12{height:3rem}.min-h-screen{min-height:100vh}.max-w-md{max-width:28rem}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-7xl{max-width:80rem}.mx-auto{margin-left:auto;margin-right:auto}.text-\[10px\]{font-size:10px;line-height:14px}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.uppercase{text-transform:uppercase}.tracking-wider{letter-spacing:.05em}.tracking-wide{letter-spacing:.025em}.tracking-tight{letter-spacing:-.025em}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.leading-relaxed{line-height:1.625}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.text-stone-100{color:#f5f5f4}.text-stone-200{color:#e7e5e4}.text-stone-300{color:#d6d3d1}.text-stone-400{color:#a8a29e}.text-stone-500{color:#78716c}.text-stone-600{color:#57534e}.text-stone-950{color:#0c0a09}.text-amber-200{color:#fde68a}.text-amber-300{color:#fcd34d}.text-amber-400{color:#fbbf24}.text-amber-500{color:#f59e0b}.text-amber-600{color:#d97706}.text-emerald-400{color:#34d399}.text-red-400{color:#f87171}.text-white{color:#fff}.bg-\[\#0e0906\]{background-color:#0e0906}.bg-stone-800{background-color:#292524}.bg-stone-800\/80{background-color:#292524cc}.bg-stone-900{background-color:#1c1917}.bg-stone-900\/20{background-color:#1c191733}.bg-stone-900\/40{background-color:#1c191766}.bg-stone-900\/50{background-color:#1c191780}.bg-stone-900\/60{background-color:#1c191799}.bg-stone-900\/80{background-color:#1c1917cc}.bg-stone-950{background-color:#0c0a09}.bg-stone-950\/80{background-color:#0c0a09cc}.bg-amber-500{background-color:#f59e0b}.bg-amber-600{background-color:#d97706}.bg-amber-900\/40{background-color:#78350f66}.bg-amber-950\/40{background-color:#451a0366}.bg-amber-950\/50{background-color:#451a0380}.placeholder-stone-500::placeholder{color:#78716c}.roaster-container input[type=text],.roaster-container input{color:#f5f5f4;background-color:#0c0a09}.roaster-container button{color:inherit}.border{border-style:solid;border-width:1px}.border-b{border-bottom-style:solid;border-bottom-width:1px}.border-stone-700{border-color:#44403c}.border-stone-800{border-color:#292524}.border-stone-800\/40{border-color:#29252466}.border-amber-500{border-color:#f59e0b}.border-amber-500\/30{border-color:#f59e0b4d}.border-amber-500\/50{border-color:#f59e0b80}.border-t-transparent{border-top-color:#0000!important}.max-w-3xl{max-width:48rem}.bg-gradient-to-r{background-image:linear-gradient(to right, var(--tw-gradient-stops,#d97706, #b45309))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right, var(--tw-gradient-stops,#1c1917, #451a034d))}.from-amber-600{--tw-gradient-from:#d97706;--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to,#d9770600)}.to-amber-700{--tw-gradient-to:#b45309}.to-orange-600{--tw-gradient-to:#ea580c}.from-amber-500{--tw-gradient-from:#f59e0b;--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to,#f59e0b00)}.to-amber-600{--tw-gradient-to:#d97706}.bg-gradient-to-r.from-amber-600.to-amber-700{background-image:linear-gradient(90deg,#d97706,#b45309)!important}.bg-gradient-to-r.from-amber-600.to-amber-700:hover,.hover\:from-amber-500:hover{background-image:linear-gradient(90deg,#f59e0b,#d97706)!important}.bg-gradient-to-r.from-amber-600.to-orange-600{background-image:linear-gradient(90deg,#d97706,#ea580c)!important}.bg-gradient-to-r.from-stone-950.via-stone-900.to-amber-950\/40{background-image:linear-gradient(90deg,#0c0a09,#1c1917,#451a0366)!important}.bg-gradient-to-br.from-stone-900.to-amber-950\/30{background-image:linear-gradient(to bottom right,#1c1917,#451a034d)!important}.rounded{border-radius:.25rem}.rounded-md{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.shadow-lg{box-shadow:0 10px 15px -3px #00000080,0 4px 6px -2px #0000004d}.shadow-amber-900\/20{box-shadow:0 10px 25px -5px #78350f33}.shadow-amber-900\/40{box-shadow:0 10px 25px -5px #78350f66}.transition{transition:all .15s ease-in-out}.transition-all{transition:all .2s cubic-bezier(.16,1,.3,1)}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.opacity-50{opacity:.5}@media (min-width:640px){.sm\:p-6{padding:1.5rem}.sm\:p-8{padding:2rem}.sm\:p-12{padding:3rem}.sm\:py-10{padding-top:2.5rem;padding-bottom:2.5rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:text-right{text-align:right}.sm\:text-xs{font-size:.75rem;line-height:1rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}.sm\:text-base{font-size:1rem;line-height:1.5rem}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}.sm\:text-2xl{font-size:1.5rem;line-height:2rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}}@media (min-width:768px){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.block{display:block}.inline{display:inline}.flex-1{flex:1;min-width:0}.py-6{padding-block:1.5rem}.py-3\.5{padding-block:.875rem}.space-y-1\.5>:not([hidden])~:not([hidden]){margin-top:.375rem}.w-9{width:2.25rem}.h-9{height:2.25rem}.roaster-container{padding-bottom:3rem;scroll-margin-top:1rem}.roaster-container h1,.roaster-container h2,.roaster-container h3{text-transform:none;overflow-wrap:anywhere}.roaster-container button{font-family:inherit;line-height:1.4}.roaster-container button:disabled{cursor:not-allowed;opacity:.55}.roaster-container :is(button,input,a,[role=radio]):focus-visible{outline-offset:4px;outline:2px solid #f5c596}.roaster-container :is(input,button,.bean-card){min-width:0}.roaster-section-heading{flex-wrap:wrap;gap:.5rem 1rem}.bean-card>.flex{flex-wrap:wrap;gap:.5rem}.roaster-result-actions{flex-wrap:wrap;gap:.75rem;display:flex}.roaster-result-actions>*{flex:auto;justify-content:center;min-height:44px}.roast-result :is(input,.text-lg){overflow-wrap:anywhere}.roast-result input{min-height:48px}.roaster-share-link{gap:.5rem;display:grid}.roaster-share-link input{color:#f8f1e9;background:#0c0a09;border:1px solid #78614d;border-radius:.75rem;width:100%;padding:.75rem}.roaster-notice{color:#f5dfc0;background:#261a12;border:1px solid #78614d;border-radius:.75rem;padding:.75rem 1rem;font-size:.875rem}.roaster-back{color:#f5c596;cursor:pointer;background:0 0;border:1px solid #78614d;border-radius:.75rem;min-height:44px;padding:.65rem 1rem}.roaster-gauge-labels{flex-wrap:wrap;gap:.5rem}.roast-controls button{min-height:44px}.roast-controls .gauge-bar{background:linear-gradient(90deg,#d97706,#f59e0b,#f43f5e)}@media (max-width:639px){.roaster-container .text-xs{font-size:.8125rem;line-height:1.45}.roaster-container input{font-size:16px}.roaster-result-actions{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.roaster-result-actions>:last-child{grid-column:1/-1}.roast-controls>.grid:first-of-type{grid-template-columns:repeat(2,minmax(0,1fr))}.roaster-gauge-labels>:last-child{margin-left:auto}}.roast-controls button[aria-label="Tự động dừng khi đạt mức rang mục tiêu"]{color:#d6d3d1;background:#1c1917}.roast-controls button[aria-label="Tự động dừng khi đạt mức rang mục tiêu"][aria-pressed=true]{color:#d1fae5;background:#064e3b;border-color:#34d399}.roast-controls button.bg-emerald-600{color:#ecfdf5;background:#047857}.roast-result>div:first-child{color:#f8f1e9;background:#211911}.roast-result .text-emerald-400,.roast-result .text-emerald-300{color:#6ee7b7}.roaster-bag-preview{padding-top:2.5rem}.gameplay-scene{border:1px solid var(--roaster-border);background:#211e16;border-radius:20px;padding:0;position:relative;overflow:hidden}.gameplay-3d-viewport{width:100%;height:420px}.gameplay-3d-viewport canvas{touch-action:pan-y;width:100%;height:100%;display:block}.gameplay-scene-toolbar,.gameplay-scene-views{flex-wrap:wrap;gap:8px;display:flex}.gameplay-scene-toolbar{background:var(--roaster-bg);justify-content:space-between;padding:12px}.gameplay-scene-toolbar button{min-height:44px;color:var(--roaster-text);border:1px solid var(--roaster-border);font:inherit;cursor:pointer;background:#292016;border-radius:10px;padding:10px 14px;font-size:13px}.gameplay-scene-toolbar button[aria-pressed=true]{color:#ffce7d;border-color:var(--roaster-copper-bright)}.gameplay-scene-loading{text-align:center;position:absolute;top:40%;left:10%;right:10%}.gameplay-scene-hint{background:var(--roaster-bg);color:var(--roaster-text-muted);margin:0;padding:0 12px 12px;font-size:13px}@media (max-width:480px){.gameplay-3d-viewport{height:260px}.gameplay-scene-toolbar{flex-direction:column}.gameplay-scene-views button{flex:1;padding-inline:8px}}.gameplay-layout{grid-template-columns:minmax(0,1fr);align-items:start;gap:24px;display:grid}.gameplay-layout>*{min-width:0}@media (min-width:1000px){.gameplay-layout{grid-template-columns:minmax(0,1fr) 340px}.gameplay-layout .roast-controls{margin:0}}.gameplay-layout .roast-controls>.grid:first-of-type{grid-template-columns:repeat(2,minmax(0,1fr))}.gameplay-layout .roast-controls>.grid:last-child{grid-template-columns:minmax(0,1fr)}.gameplay-layout .roast-controls .w-9{flex-shrink:0}:root{--roaster-bg:var(--e-global-color-secondary,#0a0a0a);--roaster-surface:#131313;--roaster-card:#171717;--roaster-border:var(--e-global-color-divider,#ffffff24);--roaster-copper:var(--e-global-color-accent,#c9a581);--roaster-copper-bright:var(--e-global-color-accentsecondary,#e4ccb4);--roaster-text:var(--e-global-color-primary,#fff);--roaster-text-muted:var(--e-global-color-text,#cecece)}.roaster-page{background:var(--roaster-bg)}.roaster-container{max-width:1300px;font-family:var(--e-global-typography-text-font-family);padding:24px 20px 80px;line-height:1.6}.roaster-container h1,.roaster-container h2,.roaster-container h3{font-family:var(--e-global-typography-primary-font-family);text-transform:uppercase;font-weight:400}.roaster-container button{line-height:1.25}.roast-eyebrow{font-family:var(--e-global-typography-text-font-family);color:var(--roaster-copper);letter-spacing:2px;text-transform:uppercase;font-size:12px;font-weight:500}.roast-flow-topbar{border-block:1px solid var(--roaster-border);justify-content:space-between;align-items:center;gap:24px;margin-bottom:48px;padding:18px 0;display:flex}.roast-flow-topbar ol{color:#929292;gap:32px;font-size:13px;list-style:none;display:flex}.roast-flow-topbar li{align-items:center;gap:10px;display:flex}.roast-flow-topbar li>span{font-size:11px}.roast-flow-topbar li[aria-current=step]{color:var(--roaster-copper-bright)}.roast-intro{grid-template-columns:1.15fr 1fr;align-items:end;gap:56px;margin-bottom:56px;display:grid}.roast-intro h1{margin-top:16px;font-size:clamp(46px,5.8vw,80px);line-height:1.06}.roast-intro h1 em{color:var(--roaster-copper);font-style:normal}.roast-intro-copy{max-width:480px;padding-bottom:6px;font-size:17px}.roast-intro-copy span{color:var(--roaster-copper);margin-top:20px;font-size:13px;display:block}.roast-selection-layout{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:36px;display:grid}.roast-field-heading{margin-bottom:20px}.roast-field-heading h2{margin-top:7px;font-size:32px}.roast-bean-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:36px;display:grid}.roaster-container .roast-bean-card{border:1px solid var(--roaster-border);box-shadow:none;background:#131313;border-radius:16px;flex-direction:column;padding:22px 18px;display:flex}.roaster-container .roast-bean-card.active{border-color:var(--roaster-copper);box-shadow:none;background:#1a1714}.roast-bean-card-top{color:var(--roaster-copper);justify-content:space-between;align-items:center;margin-bottom:28px;font-size:12px;display:flex}.roast-selection-dot{border:1px solid #6a6a6a;border-radius:50%;width:15px;height:15px}.roast-bean-card.active .roast-selection-dot{background:var(--roaster-copper);border-color:var(--roaster-copper);box-shadow:inset 0 0 0 3px #1a1714}.roast-bean-card h3{margin-bottom:16px;font-size:26px;line-height:1.13}.roast-bean-card p{color:#b7b7b7;margin-bottom:20px;font-size:13px}.roast-bean-origin{border-top:1px solid var(--roaster-border);color:#b7b7b7;flex-direction:column;gap:4px;margin-top:auto;padding-top:14px;font-size:11px;display:flex}.roast-level-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.roast-level-card{text-align:left;color:#fff;border:1px solid var(--roaster-border);cursor:pointer;background:0 0;border-radius:14px;flex-direction:column;gap:10px;padding:20px 18px;display:flex}.roast-level-card.active{border-color:var(--roaster-copper);background:#1a1714}.roast-level-card:disabled{opacity:.4}.roast-level-card strong{font-size:15px;font-weight:500}.roast-level-card>span:not(.roast-level-swatch),.roast-level-card small{color:#b7b7b7;font-size:12px}.roast-level-swatch{border-radius:5px;width:28px;height:9px;margin-bottom:5px}.roast-level-light{background:#b48c62}.roast-level-medium{background:#835832}.roast-level-dark{background:#54321c}.roast-selection-footnote{color:#a0a0a0;align-items:flex-start;gap:10px;margin-top:24px;font-size:12px;display:flex}.roast-selection-footnote svg{color:var(--roaster-copper);flex-shrink:0;margin-top:2px}.roast-selection-summary{border:1px solid var(--roaster-border);background:#151515;border-radius:20px;padding:30px 26px;position:sticky;top:24px}.roast-selection-summary h2{margin-top:18px;font-size:31px;line-height:1.2}.roast-summary-notes{color:#b7b7b7;margin-block:18px 26px;font-size:14px}.roast-summary-details{border-bottom:1px solid var(--roaster-border);flex-wrap:wrap;gap:16px;padding-bottom:20px;font-size:12px;display:flex}.roast-summary-price{color:var(--roaster-copper-bright);margin-block:20px 26px;font-size:27px}.roast-summary-price small{color:#aaa;margin-top:5px;font-size:11px;display:block}.roaster-container .roast-primary,.roaster-container .roast-secondary{border-radius:100px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:48px;padding:15px 20px;font-size:13px;font-weight:500;display:flex}.roast-secondary{margin-top:12px}.roast-summary-footnote{color:#aaa;margin-top:20px;font-size:12px}.roaster-notice{color:#e4ccb4;background:#1a1714;border:1px solid #66513c;border-radius:12px;margin-bottom:24px;padding:14px 16px;font-size:13px}.roasting-workshop{max-width:none}.roast-workshop-heading{margin-bottom:22px}.roast-workshop-heading h1{margin-block:10px;font-size:clamp(36px,4vw,56px)}.roast-workshop-heading p:last-child{color:#aaa;font-size:15px}.roaster-container .roaster-back{color:#ccc;background:0 0;border:0;border-radius:0;margin:0;padding:0 0 18px;font-size:13px}.gameplay-layout{grid-template-columns:minmax(0,1fr) 360px;gap:26px}.gameplay-scene{border-color:var(--roaster-border);background:#131313}.gameplay-3d-viewport{height:480px}.gameplay-scene-toolbar,.gameplay-scene-hint{background:#131313}.gameplay-scene-toolbar button{color:#ccc;background:0 0;border-radius:100px;padding:10px 16px;font-size:12px}.gameplay-scene-toolbar button[aria-pressed=true]{color:var(--roaster-copper-bright);border-color:var(--roaster-copper);background:#211a14}.gameplay-scene-hint{color:#999;font-size:11px}.roast-controls{border:1px solid var(--roaster-border);background:#131313;border-radius:20px;padding:24px}.roast-controls-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.roast-controls h2{margin-top:12px;font-size:30px}.roast-icon-button{border:1px solid var(--roaster-border);color:#ddd;cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.roast-readings{border-bottom:1px solid var(--roaster-border);grid-template-columns:1fr 1fr;gap:16px;margin-top:24px;padding-bottom:22px;display:grid}.roast-readings span{color:#aaa;font-size:11px;display:block}.roast-readings strong{color:#fff;font-variant-numeric:tabular-nums;font-size:32px;font-weight:400;display:block}.roast-readings small{color:var(--roaster-copper);font-size:16px}.roast-target-info{text-transform:capitalize;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;font-size:12px;display:flex}.roast-target-info strong{color:var(--roaster-copper-bright);font-weight:500}.roast-thermal-gauge{background:#303030;border-radius:3px;height:5px;margin-top:12px;position:relative;overflow:hidden}.roast-thermal-zone{background:#688e7c;height:100%;position:absolute}.roast-thermal-fill{background:var(--roaster-copper);height:100%;position:relative}.roast-gauge-labels{color:#999;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:9px;font-size:9px;display:flex}.roast-assist{text-align:left;color:#ccc;border:1px solid var(--roaster-border);cursor:pointer;background:0 0;border-radius:12px;align-items:center;gap:12px;width:100%;margin-top:22px;padding:14px 12px;display:flex}.roast-assist>span:first-of-type{flex:1}.roast-assist strong{color:#fff;font-size:12px;font-weight:500;display:block}.roast-assist small{color:#aaa;margin-top:4px;font-size:10px;display:block}.roast-assist svg{color:var(--roaster-copper);flex-shrink:0}.roast-toggle{background:#555;border-radius:10px;flex-shrink:0;width:27px;height:15px;position:relative}.roast-toggle:after{content:"";background:#fff;border-radius:50%;width:9px;height:9px;position:absolute;top:3px;left:3px}.roast-assist[aria-pressed=true] .roast-toggle{background:var(--roaster-copper)}.roast-assist[aria-pressed=true] .roast-toggle:after{left:15px}.roast-heat-heading{color:var(--roaster-copper);justify-content:space-between;align-items:center;margin-top:24px;display:flex}.roast-flame-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.roast-flame-choices button{border:1px solid var(--roaster-border);color:#ccc;cursor:pointer;background:0 0;border-radius:100px;min-height:44px;padding:10px 5px;font-size:11px}.roast-flame-choices button[aria-pressed=true]{border-color:var(--roaster-copper);color:var(--roaster-copper-bright);background:#2b2219}.roast-action-bar{gap:8px;margin-top:24px;display:flex}.roast-controls-note{color:#999;text-align:center;margin-top:15px;font-size:11px}.roaster-container .roast-result{max-width:1100px;margin:0 auto}.roast-result-heading{max-width:740px;margin-bottom:24px}.roast-result-heading h1{margin-block:12px 20px;font-size:clamp(36px,4.8vw,60px)}.roast-result-heading>p:last-child{color:#b7b7b7;font-size:15px}.roast-result-verdict{border-block:1px solid var(--roaster-border);color:var(--roaster-copper-bright);align-items:center;gap:12px;padding-block:18px;display:flex}.roast-result-verdict h2{font-family:var(--e-global-typography-text-font-family);text-transform:none;font-size:15px}.roast-result-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-block:30px 38px;display:grid}.roast-result-stats span{color:#999;font-size:12px;display:block}.roast-result-stats strong{color:#fff;font-size:28px;font-weight:400}.roast-result-stats small{font-size:12px}.roast-result-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:50px;display:grid}.roast-personalize,.roast-finish{min-width:0}.roast-result-layout h2{margin-block:10px 24px;font-size:32px}.roast-personalize label{margin-bottom:10px;font-size:13px;display:block}.roast-personalize input{color:#fff;border:1px solid var(--roaster-border);width:100%;font:inherit;background:#151515;border-radius:10px;padding:14px 16px;font-size:16px;display:block}.roast-bag-preview{color:#251c14;background:linear-gradient(135deg,#d8bea3,#b38e69);border-radius:3px 3px 20px 20px;max-width:380px;min-height:340px;margin:28px auto 0;padding:40px 30px;box-shadow:inset 0 9px #c0a080,inset 0 12px #aa8968}.roast-bag-preview>span{font-family:var(--e-global-typography-primary-font-family);border-bottom:1px solid #846544;padding-bottom:12px;font-size:24px;display:block}.roast-bag-preview>p{letter-spacing:2px;margin-top:28px;font-size:10px}.roaster-container .roast-bag-preview h3{color:#251c14;text-transform:none;overflow-wrap:anywhere;margin-block:8px 20px;font-size:36px}.roast-bag-preview>div{font-size:12px}.roast-bag-preview small{margin-top:24px;font-size:9px;display:block}.roast-grind-options{grid-template-columns:1fr 1fr;gap:10px;display:grid}.roast-grind-options button{border:1px solid var(--roaster-border);color:#ddd;text-align:left;cursor:pointer;background:#151515;border-radius:12px;padding:16px}.roast-grind-options button[aria-pressed=true]{border-color:var(--roaster-copper);background:#211a14}.roast-grind-options strong{font-size:13px;font-weight:500;display:block}.roast-grind-options span{color:#aaa;margin-top:6px;font-size:11px;display:block}.roast-finish-price{border-top:1px solid var(--roaster-border);justify-content:space-between;align-items:center;gap:14px;margin-block:24px 20px;padding-top:22px;display:flex}.roast-finish-price span{font-size:13px}.roast-finish-price strong{color:var(--roaster-copper-bright);font-size:24px;font-weight:400}.roast-result-secondary{justify-content:space-between;gap:12px;margin-block:16px 20px;display:flex}.roast-text-button{color:#ccc;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;min-height:44px;padding:6px 0;font-size:12px;display:inline-flex}.roast-retry{max-width:600px;margin-top:30px}.roast-retry p{margin-bottom:24px;font-size:15px}.roast-retry button{align-items:center;gap:12px;display:inline-flex}@media (max-width:1100px){.roast-selection-layout{grid-template-columns:minmax(0,1fr) 300px;gap:22px}.roast-bean-grid{grid-template-columns:1fr}.roast-bean-card-top{margin-bottom:12px}.roast-bean-card h3{font-size:25px}.roast-bean-card p{margin-bottom:14px}.gameplay-layout{grid-template-columns:minmax(0,1fr) 340px}}@media (max-width:800px){.roast-flow-topbar{margin-bottom:32px}.roast-flow-topbar>.roast-eyebrow{display:none}.roast-flow-topbar ol{justify-content:space-between;gap:12px;width:100%}.roast-intro{grid-template-columns:1fr;gap:24px;margin-bottom:32px}.roast-intro-copy{font-size:15px}.roast-intro-copy span{margin-top:12px}.roast-selection-layout{grid-template-columns:1fr}.roast-selection-summary{position:static}.roast-level-grid{gap:8px}.roast-level-card{padding:16px 12px}.gameplay-layout{grid-template-columns:minmax(0,1fr)}.gameplay-3d-viewport{height:340px}.roast-result-layout{grid-template-columns:1fr;gap:32px}.roast-result-stats strong{font-size:24px}}@media (max-width:480px){.roaster-container{padding-inline:16px}.roast-flow-topbar ol{font-size:11px}.roast-flow-topbar li{gap:6px}.roast-intro h1{font-size:46px}.roast-selection-summary{padding:26px 22px}.roast-level-grid{grid-template-columns:1fr}.roast-level-card{grid-template-columns:28px 1fr;align-items:center;column-gap:12px;display:grid}.roast-level-card>span:not(.roast-level-swatch),.roast-level-card small{grid-column:2}.roast-level-swatch{margin:0}.gameplay-3d-viewport{height:280px}.gameplay-scene-toolbar button{padding:10px 12px;font-size:11px}.roast-controls{padding:22px}.roast-controls .roast-action-bar{z-index:30;border:1px solid var(--roaster-border);background:#151515;border-radius:100px;margin:0;padding:8px;position:fixed;bottom:12px;left:12px;right:12px;box-shadow:0 4px 28px #0009}.roasting-workshop{padding-bottom:86px}.roast-result-stats{gap:10px}.roast-result-stats span{font-size:10px}.roast-result-stats strong{font-size:22px}.roast-grind-options{grid-template-columns:1fr}.roast-finish-price strong{font-size:21px}}.roaster-container button:disabled{opacity:.5;cursor:not-allowed}.roast-gauge-labels{font-size:11px}.roast-controls .roast-eyebrow{letter-spacing:1.5px}.roast-readings span{font-size:12px}.roast-assist small{font-size:11px}.roaster-container .btn-default:not(.highlighted-btn){color:var(--e-global-color-secondary,#0a0a0a)}.gameplay-sound-controls{background:#131313;flex-wrap:wrap;align-items:center;gap:12px;padding:0 12px 12px;display:flex}.gameplay-sound-controls button{border:1px solid var(--roaster-border);min-height:44px;color:var(--roaster-text);font:inherit;cursor:pointer;background:0 0;border-radius:100px;padding:10px 16px;font-size:12px}.gameplay-sound-controls button[aria-pressed=true]{color:var(--roaster-copper-bright);border-color:var(--roaster-copper)}.gameplay-sound-controls label{color:#ccc;align-items:center;gap:8px;font-size:12px;display:flex}.gameplay-sound-controls input{width:100px;accent-color:var(--roaster-copper)}.gameplay-sound-controls [role=status]{color:#aaa;font-size:12px}