@import "https://fonts.googleapis.com/css2?family=Fredoka+One&family=Nunito:wght@400;600;700;800&display=swap";:root{--brand:#264f36;--brand-dark:#1a3524;--error:#da291c;--yellow:#ffc72c;--yellow-dark:#b8860b;--dark:#27251f;--cream:#fff8e7;--green:#27ae60;--green-dark:#1a7a42;--blue:#1d4ed8;--blue-dark:#1340a8}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{background:var(--brand);justify-content:center;align-items:flex-start;font-family:Nunito,sans-serif;display:flex}#root{display:contents}.screen{flex-direction:column;align-items:center;gap:10px;width:100%;max-width:420px;height:100dvh;padding:16px 16px 20px;display:none;overflow:hidden}.screen.active{display:flex}.screen.scrollable{overflow-y:auto}.btn{background:var(--yellow);color:var(--dark);cursor:pointer;width:100%;box-shadow:0 5px 0 var(--yellow-dark);-webkit-user-select:none;user-select:none;border:none;border-radius:50px;flex-shrink:0;padding:14px 24px;font-family:Fredoka One,sans-serif;font-size:1.2rem;transition:transform .1s,box-shadow .1s}.btn:active{box-shadow:0 2px 0 var(--yellow-dark);transform:translateY(3px)}.btn:disabled{opacity:.45;pointer-events:none}.btn-red{background:var(--brand);color:#fff;box-shadow:0 5px 0 var(--brand-dark)}.btn-red:active{box-shadow:0 2px 0 var(--brand-dark)}.btn-green{background:var(--green);color:#fff;box-shadow:0 5px 0 var(--green-dark)}.btn-green:active{box-shadow:0 2px 0 var(--green-dark)}.btn-blue{background:var(--blue);color:#fff;box-shadow:0 5px 0 var(--blue-dark)}.btn-sm{padding:10px 18px;font-size:.9rem}.g-timer-wrap{flex-direction:column;flex-shrink:0;gap:3px;width:100%;display:flex}.g-timer-row{color:#fff;justify-content:space-between;font-size:.75rem;font-weight:800;display:flex}.g-timer-bg{background:#ffffff40;border-radius:4px;width:100%;height:8px;overflow:hidden}.g-timer-fill{background:var(--yellow);border-radius:4px;height:100%;transition:width .5s linear,background .3s}.g-timer-fill.low{animation:.6s ease-in-out infinite timerPulse}@keyframes timerPulse{0%,to{opacity:1}50%{opacity:.65}}.gh{flex-shrink:0;justify-content:space-between;align-items:center;width:100%;display:flex}.gh-name{color:#fff;font-family:Fredoka One,sans-serif;font-size:1.3rem}.gh-step{color:#fff;background:#ffffff38;border-radius:20px;padding:4px 12px;font-size:.75rem;font-weight:800}.g-inst{color:#fff;text-align:center;background:#ffffff2e;border-radius:10px;flex-shrink:0;width:100%;padding:8px 14px;font-size:.82rem;font-weight:700}.screen-start{background:linear-gradient(-45deg,#264f36,#1a3524,#264f36,#2d6b45) 0 0/400% 400%;justify-content:center;gap:18px;animation:8s infinite gradientShift;overflow-y:auto}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.logo-m{object-fit:cover;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;border-radius:18px;width:120px;height:120px;animation:.6s cubic-bezier(.175,.885,.32,1.275) bounceIn}@keyframes bounceIn{0%{opacity:0;transform:scale(0)rotate(-10deg)}to{opacity:1;transform:scale(1)rotate(0)}}.game-title{color:#fff;text-align:center;font-family:Fredoka One,sans-serif;font-size:2.2rem;line-height:1.1}.game-sub{color:#ffffffe0;text-align:center;font-size:.88rem;font-weight:700;line-height:1.5}.game-badges{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.badge{color:#fff;background:#ffffff2e;border-radius:20px;padding:4px 12px;font-size:.72rem;font-weight:800}.mode-cards{gap:10px;width:100%;display:flex}.mode-card{-webkit-backdrop-filter:blur(8px);cursor:pointer;text-align:center;color:#fff;background:#ffffff1a;border:3px solid #0000;border-radius:16px;flex:1;padding:14px 10px;transition:all .25s cubic-bezier(.4,0,.2,1)}.mode-card.selected{border-color:var(--yellow);background:#ffffff38;transform:scale(1.03);box-shadow:0 4px 20px #ffc72c33}.mc-emoji{margin-bottom:4px;font-size:2.2rem;display:block}.mc-title{font-family:Fredoka One,sans-serif;font-size:1.1rem;display:block}.mc-desc{opacity:.8;margin-top:3px;font-size:.68rem;font-weight:700;line-height:1.3;display:block}.mc-time{color:var(--yellow);margin-top:4px;font-size:.67rem;font-weight:800;display:block}.screen-order{background:var(--cream);justify-content:center}.order-title{color:var(--brand);text-align:center;font-family:Fredoka One,sans-serif;font-size:1.7rem}.ticket{border-top:7px solid var(--brand);background:#fff;border-radius:4px 4px 16px 16px;width:100%;padding:16px;position:relative;box-shadow:0 4px 24px #00000021}.ticket:before{content:"";background:repeating-linear-gradient(90deg,var(--brand) 0,var(--brand) 8px,transparent 8px,transparent 12px);height:7px;position:absolute;top:-7px;left:0;right:0}.ticket-head{color:var(--brand);text-transform:uppercase;letter-spacing:2px;margin-bottom:10px;font-family:Fredoka One,sans-serif;font-size:.85rem}.ticket-row{color:var(--dark);border-bottom:1px dashed #e0e0e0;align-items:center;gap:10px;padding:8px 0;font-size:.95rem;font-weight:800;display:flex}.ticket-row:last-child{border-bottom:none}.t-emoji{font-size:1.5rem}.mode-badge-order{border-radius:20px;margin-bottom:6px;padding:3px 12px;font-size:.75rem;font-weight:800;display:inline-block}.mode-rapide{color:#fff;background:#ff6b35}.mode-normale{background:var(--blue);color:#fff}.station-preview{flex-wrap:wrap;justify-content:center;gap:5px;width:100%;display:flex}.sp-chip{border:1px solid var(--brand);color:var(--brand);background:#264f3626;border-radius:20px;padding:3px 10px;font-size:.7rem;font-weight:800}.screen-station-grid{background:#0f0f1a;justify-content:flex-start;padding-top:18px}.sg-title{color:#fff;text-align:center;font-family:Fredoka One,sans-serif;font-size:1.4rem}.sg-sub{color:#ffffff8c;text-align:center;font-size:.75rem;font-weight:700}.sg-progress{background:#ffffff1a;border-radius:5px;width:100%;height:6px;overflow:hidden}.sg-progress-fill{background:var(--green);border-radius:5px;height:100%;transition:width .4s}.station-grid{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.station-card{text-align:center;cursor:pointer;background:linear-gradient(145deg,#1a1a2e,#22223a);border:2px solid #0000;border-radius:14px;padding:12px 8px;transition:transform .15s,background .15s,box-shadow .2s;position:relative}.station-card.required{border-color:#ffc72c66;box-shadow:0 0 12px #ffc72c1a}.station-card.done{border-color:var(--green);background:linear-gradient(145deg,#0a2a14,#0d3a1a);box-shadow:0 0 12px #27ae6026}.station-card.not-needed{opacity:.45}.station-card.locked{opacity:.6;filter:grayscale(.6)}.station-card:active{transform:scale(.96)}.s-emoji{margin-bottom:3px;font-size:1.8rem;display:block}.s-label{color:#fff;font-family:Fredoka One,sans-serif;font-size:.88rem}.s-desc{color:#ffffff73;margin-top:1px;font-size:.58rem}.s-badge{background:var(--brand);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.65rem;font-weight:900;display:flex;position:absolute;top:-5px;right:-5px}.s-check{background:var(--green);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.65rem;font-weight:900;display:flex;position:absolute;top:-5px;right:-5px}.btn-finish-normale{display:none}.toast{color:#fff;opacity:0;pointer-events:none;z-index:200;white-space:nowrap;background:#000000d1;border-radius:20px;padding:8px 18px;font-size:.78rem;font-weight:800;transition:opacity .3s,transform .3s;position:fixed;bottom:80px;left:50%;transform:translate(-50%)translateY(20px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.screen-initiation{background:linear-gradient(160deg,#1e0c00,#5c2e00);padding-top:18px}.pain-rack{flex:1;justify-content:center;align-items:center;gap:20px;width:100%;display:flex}.pain-stack-col{flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.pain-tray{cursor:pointer;border:3px solid #0000;border-radius:7px 7px 4px 4px;justify-content:center;align-items:center;transition:all .18s;display:flex;position:relative;box-shadow:0 5px #00000059}.pain-tray.required{border-color:#ffc72ce6;box-shadow:0 5px #00000059,0 0 18px #ffc72c73}.pain-tray.selected{transform:translate(12px)scale(1.04);border-color:var(--yellow)!important}.pain-tray.wrong{animation:.3s shake;border-color:var(--error)!important}.pain-tray-name{color:#00000080;letter-spacing:.5px;text-transform:uppercase;font-size:.5rem;font-weight:900}.pain-badge{background:var(--brand);color:#fff;z-index:2;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.65rem;font-weight:900;display:flex;position:absolute;top:-7px;right:-7px;box-shadow:0 2px 6px #0006}.pain-stack-label{color:#ffffff59;margin-top:4px;font-size:.6rem;font-weight:800}.toaster-col{flex-direction:column;align-items:center;gap:8px;display:flex}.toaster-body{cursor:pointer;background:#4a4a4a;border:3px solid #333;border-radius:6px;width:82px;height:66px;transition:all .2s;position:relative;overflow:hidden;box-shadow:0 5px #222}.toaster-body.active{background:#c06010;border-color:#e87020;box-shadow:0 5px #a05010,0 0 24px #e8702099}.toaster-slots{gap:5px;display:flex;position:absolute;bottom:8px;left:6px;right:6px}.t-slot{background:#222;border-radius:3px;flex:1;height:22px;position:relative;overflow:hidden}.t-slot-heat{background:linear-gradient(#ffb200,#f60);height:0%;transition:height .9s;position:absolute;bottom:0;left:0;right:0}.toaster-top{background:#333;border-radius:3px;gap:4px;height:6px;display:flex;position:absolute;top:7px;left:10px;right:10px}.toaster-knob{background:#888;border:2px solid #555;border-radius:50%;width:10px;height:10px;position:absolute;top:5px;right:8px}.toaster-label{color:#ffffff80;letter-spacing:1px;text-align:center;font-size:.55rem;font-weight:800}.toaster-status{color:#fff;text-align:center;min-height:1em;font-size:.72rem;font-weight:800}.toaster-btn-wrap{width:100%}.screen-grill{background:linear-gradient(160deg,#5c1a0e,#9b2317);padding-top:16px}.grill-cv{border-radius:14px;flex-shrink:0;width:100%}.steak-select{flex-direction:column;flex:1;justify-content:center;gap:10px;width:100%;display:flex}.steak-row{justify-content:space-around;gap:8px;width:100%;display:flex}.steak-item{cursor:pointer;text-align:center;background:#ffffff1a;border:2px solid #0000;border-radius:12px;flex:1;padding:10px 6px;transition:all .15s;position:relative}.steak-item.required{border-color:#ffc72c99}.steak-item.selected{border-color:var(--yellow);background:#ffc72c38}.steak-item.wrong{animation:.3s shake;border-color:var(--error)!important}.steak-vis{background:#7b3f1c;border:2px solid #0000004d;border-radius:50%;margin:0 auto 5px}.steak-label{color:#fff;font-family:Fredoka One,sans-serif;font-size:.85rem}.steak-sub{color:#ffffff80;font-size:.62rem;font-weight:700}.steak-badge{background:var(--brand);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.65rem;font-weight:900;display:flex;position:absolute;top:-5px;right:-5px}.fcn-crate{cursor:pointer;-webkit-user-select:none;user-select:none;width:100%;transition:transform .15s;position:relative}.fcn-crate:active{transform:scale(.96)}.fcn-crate.crate-required .crate-front{border-color:#ffc72cb3}.fcn-crate.crate-selected .crate-front{border-color:var(--yellow);background:#ffc72c26}.crate-badge{background:var(--brand);color:#fff;z-index:2;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.65rem;font-weight:900;display:flex;position:absolute;top:-6px;left:-6px}.crate-front{z-index:1;background:#ffffff14;border:2px solid #ffffff26;border-radius:10px;align-items:center;gap:12px;padding:10px 14px;display:flex;position:relative}.crate-indicator{border-radius:50%;flex-shrink:0;width:18px;height:18px}.crate-label{color:#fff;flex:1;font-family:Fredoka One,sans-serif;font-size:1rem}.garn-bac{cursor:pointer;flex-direction:column;flex-shrink:0;align-items:center;gap:3px;padding:2px 0 4px;transition:all .2s;display:flex}.bac-canvas{border-radius:8px;display:block}.bac-label{color:#ffffffbf;text-align:center;max-width:62px;font-size:.52rem;font-weight:800;line-height:1.2}.screen-fcn{background:linear-gradient(160deg,#1a0a1e,#3d1a50);padding-top:16px}.screen-fcn .gh-step{background:#ffffff2e}.product-shelf{background:#0000004d;border-radius:12px;justify-content:space-around;gap:6px;width:100%;padding:10px;display:flex}.product-item{cursor:pointer;text-align:center;background:#ffffff14;border:2px solid #0000;border-radius:10px;flex:1;padding:8px 4px;transition:all .15s;position:relative}.product-item.required{border-color:#ffc72c99}.product-item.selected{border-color:var(--yellow);background:#ffc72c33}.product-item.wrong{animation:.3s shake;border-color:var(--error)!important}.product-emoji{margin-bottom:3px;font-size:1.6rem;display:block}.product-name{color:#fff;font-size:.65rem;font-weight:800;line-height:1.2}.product-badge{background:var(--brand);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.65rem;font-weight:900;display:flex;position:absolute;top:-5px;right:-5px}.basket-row{justify-content:center;gap:14px;width:100%;display:flex}.basket-item{cursor:pointer;text-align:center;border:3px solid #fff3;border-radius:4px 4px 14px 14px;width:72px;padding:8px 4px;transition:all .15s;position:relative}.basket-item.required{border-color:var(--yellow);box-shadow:0 0 10px #ffc72c80}.basket-item.selected{transform:scale(1.08)}.basket-item.wrong{animation:.3s shake;border-color:var(--error)!important}.basket-color{border-radius:3px 3px 10px 10px;width:100%;height:32px;margin-bottom:4px}.basket-label{color:#fff;font-size:.62rem;font-weight:800}.fcn-cv{border-radius:14px;flex-shrink:0;width:100%}.screen-frites{background:linear-gradient(160deg,#7a5000,#d49000);padding-top:16px}.screen-frites .gh-name,.screen-frites .g-inst,.screen-frites .gh-step{color:var(--dark)}.screen-frites .gh-step,.screen-frites .g-timer-bg{background:#00000026}.screen-frites .g-inst{background:#0000001a}.screen-frites .g-timer-row{color:var(--dark)}.froid-shelf{justify-content:center;gap:10px;width:100%;display:flex}.froid-item{cursor:pointer;text-align:center;background:#ffffff2e;border:2px solid #0000;border-radius:12px;flex:1;max-width:130px;padding:10px 6px;transition:all .15s;position:relative}.froid-item.required{border-color:#1b291c99}.froid-item.selected{border-color:var(--dark);background:#ffffff59}.froid-item.wrong{animation:.3s shake;border-color:var(--error)!important}.froid-emoji{margin-bottom:4px;font-size:2rem;display:block}.froid-name{color:var(--dark);font-size:.75rem;font-weight:800}.froid-badge{background:var(--brand);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.65rem;font-weight:900;display:flex;position:absolute;top:-5px;right:-5px}.frit-cv{border-radius:14px;flex-shrink:0;width:100%}.screen-boisson{background:linear-gradient(160deg,#0f2a5c,#1d4ed8);padding-top:16px}.cup-wrap{flex-shrink:0;justify-content:center;width:120px;height:180px;display:flex;position:relative}.boisson-liquid{z-index:1;background:linear-gradient(#c0392b,#922b21);border-radius:0 0 8px 8px;height:0%;max-height:80%;transition:height 40ms linear;position:absolute;bottom:10px;left:9px;right:9px}.fill-row{color:#fff;justify-content:space-between;width:100%;font-size:.78rem;font-weight:800;display:flex}.fill-bg{background:#fff3;border-radius:8px;width:100%;height:16px;overflow:hidden}.boisson-bar{background:var(--yellow);border-radius:8px;width:0%;height:100%;transition:width 40ms linear}.zone-hint{color:#ffffffa6;text-align:center;font-size:.72rem;font-weight:800}.screen-assemblage{background:linear-gradient(160deg,#2a1400,#6b3a00);padding-top:16px;overflow:hidden}.garni-table{background:#5a3a18;border-radius:10px;flex-shrink:0;width:100%;padding:8px 6px 6px;box-shadow:0 6px #3a2010}.garni-table-top{height:8px;width:calc(100%12px);background:#7a5020;border-radius:8px 8px 0 0;margin:-8px -6px 6px}.garni-bacs{gap:5px;padding-bottom:2px;display:flex;overflow-x:auto}.garni-bac{cursor:pointer;opacity:.35;filter:grayscale(.5);flex-direction:column;flex-shrink:0;align-items:center;gap:3px;width:54px;transition:all .2s;display:flex}.garni-bac.active{opacity:1;filter:none;transform:scale(1.06)}.garni-bac.done{opacity:.55;filter:grayscale(.3)}.garni-bac.active .bac-box{border-color:var(--yellow);box-shadow:0 0 14px #ffc72cb3,0 3px #0006}.bac-box{background:#ffffff1f;border:2px solid #fff3;border-radius:5px;justify-content:center;align-items:center;width:50px;height:42px;font-size:1.3rem;display:flex;position:relative;box-shadow:0 3px #0006}.bac-box:after{content:"";background:#0000004d;border-radius:0 0 4px 4px;height:6px;position:absolute;bottom:-6px;left:3px;right:3px}.bac-box:before{content:"";background:#ffffff14;border-radius:0 3px 3px 0;width:5px;position:absolute;top:3px;bottom:3px;right:-5px}.bac-name{color:#fff9;text-align:center;font-size:.48rem;font-weight:800;line-height:1.2}.garni-bac.active .bac-name{color:var(--yellow)}.bac-badge{background:var(--brand);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:.6rem;font-weight:900;display:flex;position:absolute;top:-7px;left:-4px}.bread-hints{flex-shrink:0;justify-content:space-between;width:100%;display:flex}.bread-hint{color:#ffffff80;background:#00000040;border-radius:8px;padding:5px 10px;font-size:.62rem;font-weight:800}.bread-hint.active{color:var(--yellow);background:#ffc72c26}.burger-visual-wrap{flex-shrink:0;justify-content:center;align-items:flex-end;width:100%;display:flex}.burger-visual{flex-direction:column;align-items:center;gap:1px;width:160px;min-height:50px;display:flex}.bv-layer{color:#0000008c;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:88%;font-size:.5rem;font-weight:800;animation:.2s popIn;display:flex}.bv-empty{color:#ffffff40;padding:6px 0;font-size:.75rem;font-weight:700}@keyframes popIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.recipe-box{background:#00000040;border-radius:10px;flex-shrink:0;width:100%;padding:6px 10px}.recipe-box-title{color:var(--yellow);margin-bottom:3px;font-family:Fredoka One,sans-serif;font-size:.75rem}.recipe-chips{flex-wrap:wrap;gap:3px;display:flex}.rchip{color:#fff;background:#ffffff1a;border-radius:20px;padding:2px 6px;font-size:.6rem;font-weight:700;transition:background .2s}.rchip.done{background:var(--green)}.rchip.active-chip{background:#ffc72c80;font-weight:900}.screen-glace{background:linear-gradient(160deg,#0a1020,#1a2a5c);padding-top:16px}.glace-cv{border-radius:14px;flex-shrink:0;width:100%}.glace-tap-zone{text-align:center;cursor:pointer;background:#ffffff1a;border:3px solid #fff3;border-radius:14px;flex-shrink:0;width:100%;padding:14px;transition:all .15s}.glace-tap-zone:active{background:#fff3}.glace-tap-text{color:#fff;font-family:Fredoka One,sans-serif;font-size:1.1rem}.glace-tap-hint{color:#ffffff8c;margin-top:3px;font-size:.72rem;font-weight:700}.nappage-row{color:#fff;justify-content:space-between;width:100%;font-size:.75rem;font-weight:800;display:flex}.nappage-bg{background:#ffffff2e;border-radius:7px;width:100%;height:14px;overflow:hidden}.nappage-bar{border-radius:7px;width:0%;height:100%;transition:width 40ms linear}.screen-emballage{background:linear-gradient(160deg,#0d3b1a,#1e7b36);padding-top:16px}.tray{flex-direction:column;flex:1;gap:8px;width:100%;display:flex}.tray-card{opacity:0;background:#fff;border-radius:12px;justify-content:space-between;align-items:center;padding:11px 13px;transition:opacity .4s,transform .4s;display:flex;transform:translate(60px)}.tray-card.in{opacity:1;transform:none}.tray-card.bagged{background:#d5f0dd}.tray-info{color:var(--dark);align-items:center;gap:10px;font-size:.88rem;font-weight:800;display:flex}.tray-emoji{font-size:1.5rem}.bag-btn{background:var(--brand);color:#fff;cursor:pointer;box-shadow:0 3px 0 var(--brand-dark);border:none;border-radius:20px;padding:7px 13px;font-family:Fredoka One,sans-serif;font-size:.82rem;transition:transform .1s}.bag-btn:active{transform:translateY(2px)}.bag-btn:disabled{opacity:.4;pointer-events:none}.bag-btn.done{background:var(--green);box-shadow:0 3px 0 var(--green-dark)}.timer-bg{background:#fff3;border-radius:7px;flex-shrink:0;width:100%;height:14px;overflow:hidden}.emb-bar{background:var(--yellow);border-radius:7px;height:100%;transition:width .1s linear}.emb-label{color:#fff;text-align:center;flex-shrink:0;font-size:.72rem;font-weight:800}.screen-score{background:linear-gradient(#0a0a14,#0d0d20);justify-content:flex-start;overflow-y:auto}.scale-display{text-align:center;background:#0a1e0a;border:3px solid #1a4a1a;border-radius:14px;width:100%;padding:16px;animation:.5s ease-out scaleIn;box-shadow:0 0 30px #00ff4114,inset 0 0 20px #00ff410d}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.scale-header{color:#2a6a2a;letter-spacing:4px;margin-bottom:4px;font-size:.7rem;font-weight:800}.scale-value{color:#00ff41;text-shadow:0 0 20px #00ff4166,0 0 40px #00ff4126;font-family:Courier New,monospace;font-size:3.8rem;font-weight:900;line-height:1}.scale-max{color:#1a6a1a;letter-spacing:2px;font-size:.75rem;font-weight:800}.scale-gauge-wrap{background:#0a1a0a;border-radius:12px;width:100%;height:24px;margin:10px 0;position:relative;overflow:hidden}.scale-gauge-fill{border-radius:12px;height:100%;transition:width 1s}.scale-needle{background:#fff;border-radius:2px;width:4px;transition:left 1s;position:absolute;top:3px;bottom:3px}.scale-zones{justify-content:space-between;width:100%;margin-top:3px;display:flex}.scale-zone-lbl{color:#1a4a1a;font-size:.6rem;font-weight:800}.scale-stars{letter-spacing:3px;text-align:center;margin:6px 0;font-size:2rem}.scale-msg{color:#fff;text-align:center;font-family:Fredoka One,sans-serif;font-size:1.2rem}.score-time{color:#ffffff80;text-align:center;font-size:.82rem;font-weight:700}.breakdown{background:linear-gradient(145deg,#111120,#151530);border:1px solid #ffffff0d;border-radius:14px;width:100%;padding:14px}.bd-title{color:#ffffff80;margin-bottom:6px;font-family:Fredoka One,sans-serif;font-size:.85rem}.bd-row{color:#ddd;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:5px 0;font-size:.82rem;font-weight:700;display:flex}.bd-row:last-child{border-bottom:none}.bd-pts{color:#00ff41;text-shadow:0 0 8px #00ff4140;font-family:Fredoka One,sans-serif;font-size:.95rem}.lb-box{background:#111120;border-radius:14px;width:100%;padding:14px}.lb-title{color:#ddd;margin-bottom:2px;font-family:Fredoka One,sans-serif;font-size:.9rem}.lb-reset{color:#ffffff4d;margin-bottom:8px;font-size:.65rem;font-weight:700}.lb-row{border-bottom:1px solid #ffffff0d;align-items:center;gap:8px;padding:5px 0;display:flex}.lb-row:last-child{border-bottom:none}.lb-rank{text-align:center;width:22px;font-family:Fredoka One,sans-serif;font-size:1rem}.lb-name{color:#ddd;flex:1;font-size:.82rem;font-weight:800}.lb-score{color:#00ff41;font-family:Fredoka One,sans-serif;font-size:.95rem}.lb-time{color:#ffffff4d;font-size:.65rem;font-weight:700}.lb-empty{color:#ffffff40;text-align:center;padding:6px 0;font-size:.78rem;font-weight:700}.lb-new{animation:.8s highlight}@keyframes highlight{0%,to{background:0 0}50%{background:#00ff411a}}.name-wrap{background:#111120;border-radius:14px;flex-direction:column;gap:7px;width:100%;padding:12px;display:flex}.name-label{color:#ddd;font-family:Fredoka One,sans-serif;font-size:.9rem}.name-input{color:#fff;background:#1a1a2e;border:2px solid #333;border-radius:8px;outline:none;width:100%;padding:9px 12px;font-family:Nunito,sans-serif;font-size:.95rem;font-weight:800}.name-input:focus{border-color:var(--green)}.btn-review{background:linear-gradient(135deg,#ffc72c,#264f36)}.replay-hint{color:#ffffff40;text-align:center;font-size:.68rem;font-weight:700}.overlay{z-index:98;background:#0009;display:none;position:fixed;inset:0}.popup{text-align:center;z-index:99;background:#fff;border-radius:20px;width:270px;padding:22px 18px;transition:transform .35s cubic-bezier(.175,.885,.32,1.4);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)scale(0);box-shadow:0 20px 60px #00000059,0 0 0 6px #ffffff14}.popup.show{transform:translate(-50%,-50%)scale(1)}.pop-emoji{font-size:2.8rem;animation:.4s .1s both popEmoji}@keyframes popEmoji{0%{transform:scale(0)rotate(-20deg)}to{transform:scale(1)rotate(0)}}.camp-overlay{z-index:200;background:#000000bf;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.camp-overlay.show{display:flex}.camp-box{background:#fff;border-radius:24px;width:88%;max-width:360px;animation:.4s cubic-bezier(.175,.885,.32,1.275) bounceIn;overflow:hidden;box-shadow:0 24px 70px #00000073}.camp-header{background:var(--brand);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.camp-close{cursor:pointer;color:#fff;background:0 0;border:none;border-radius:50%;padding:2px 6px;font-size:1.3rem;font-weight:900;line-height:1;transition:background .15s}.camp-close:hover{background:#fff3}.camp-tag{color:#fffc;letter-spacing:2px;font-family:Fredoka One,sans-serif;font-size:.75rem}.camp-visual{background:linear-gradient(135deg,#264f36,#ffc72c);justify-content:center;align-items:center;width:100%;min-height:160px;font-size:5rem;display:flex;position:relative;overflow:hidden}.camp-visual-bg{opacity:.85;background-position:50%;background-size:cover;position:absolute;inset:0}.camp-visual-emoji{z-index:1;filter:drop-shadow(0 4px 12px #0000004d);position:relative}.camp-body{padding:18px 20px}.camp-title{color:var(--dark);margin-bottom:6px;font-family:Fredoka One,sans-serif;font-size:1.5rem;line-height:1.1}.camp-desc{color:#666;margin-bottom:16px;font-size:.82rem;font-weight:700;line-height:1.5}.camp-cta{background:var(--brand);color:#fff;cursor:pointer;width:100%;box-shadow:0 5px 0 var(--brand-dark);border:none;border-radius:50px;padding:13px 20px;font-family:Fredoka One,sans-serif;font-size:1.05rem;transition:transform .1s,box-shadow .1s}.camp-cta:active{box-shadow:0 2px 0 var(--brand-dark);transform:translateY(3px)}.camp-skip{text-align:center;color:#bbb;cursor:pointer;margin-top:10px;padding:4px;font-size:.72rem;font-weight:800;display:block}.camp-skip:hover{color:#888}.pop-emoji{font-size:2.8rem}.pop-label{color:var(--dark);margin:4px 0 2px;font-family:Fredoka One,sans-serif;font-size:1.6rem}.pop-score{color:#888;margin-bottom:14px;font-size:.88rem;font-weight:800}.pop-btn{width:100%}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.screen-kpi{background:linear-gradient(#0a0a14,#0d0d20);justify-content:flex-start;gap:14px;overflow-y:auto}.kpi-title{color:#fff;text-align:center;font-family:Fredoka One,sans-serif;font-size:1.5rem}.kpi-sub{color:#fff6;text-align:center;font-size:.75rem;font-weight:700}.kpi-source{color:#ffffff40;text-align:center;min-height:1.2em;font-size:.65rem;font-weight:700}.kpi-table-wrap{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.kpi-table{border-collapse:separate;border-spacing:0;background:#111120;border-radius:14px;width:100%;overflow:hidden}.kpi-table th{color:#fff9;text-align:center;letter-spacing:1px;text-transform:uppercase;background:#ffffff14;padding:10px 6px;font-size:.62rem;font-weight:800}.kpi-table td{color:#ddd;text-align:center;border-top:1px solid #ffffff0d;padding:12px 6px;font-size:.78rem;font-weight:700}.kpi-table td:first-child{text-align:left;color:#ffffffb3;white-space:nowrap;padding-left:12px;font-size:.7rem}.kpi-val{color:#00ff41;text-shadow:0 0 8px #00ff4133;font-family:Fredoka One,sans-serif;font-size:1.05rem}.kpi-zero{color:#ffffff26}.login-overlay{z-index:300;background:#000000bf;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.login-overlay.show{display:flex}.login-box{background:#111120;border-radius:20px;width:88%;max-width:320px;padding:24px 20px;box-shadow:0 20px 60px #00000080}.login-box h3{color:#fff;text-align:center;margin-bottom:14px;font-family:Fredoka One,sans-serif;font-size:1.2rem}.login-input{color:#fff;box-sizing:border-box;background:#1a1a2e;border:2px solid #333;border-radius:8px;outline:none;width:100%;margin-bottom:10px;padding:10px 12px;font-family:Nunito,sans-serif;font-size:.9rem;font-weight:700}.login-input:focus{border-color:var(--green)}.login-err{color:var(--error);text-align:center;min-height:1.2em;margin-bottom:8px;font-size:.75rem;font-weight:700}.kpi-cards{gap:8px;width:100%;display:flex}.kpi-card{text-align:center;background:#111120;border:1px solid #ffffff0d;border-radius:12px;flex:1;padding:12px 8px}.kpi-card-val{color:#00ff41;text-shadow:0 0 12px #00ff4133;font-family:Fredoka One,sans-serif;font-size:1.8rem;line-height:1.1}.kpi-card-label{color:#fff6;margin-top:4px;font-size:.58rem;font-weight:800;line-height:1.2}.kpi-card-unit{color:#00ff4166;font-size:.9rem}.kpi-chart-wrap{background:#111120;border:1px solid #ffffff0d;border-radius:14px;width:100%;padding:14px}.kpi-chart-title{color:#ffffff80;margin-bottom:8px;font-family:Fredoka One,sans-serif;font-size:.8rem}.kpi-chart{border-radius:8px;width:100%}.kpi-legend{justify-content:center;gap:12px;margin-top:8px;display:flex}.kpi-legend-item{color:#ffffff80;align-items:center;gap:4px;font-size:.65rem;font-weight:700;display:flex}.kpi-legend-dot{border-radius:3px;flex-shrink:0;width:10px;height:10px}.kpi-period-row{gap:4px;width:100%;margin-bottom:6px;display:flex}.kpi-period-btn{color:#fff6;cursor:pointer;text-align:center;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;flex:1;padding:6px 0;font-family:Nunito,sans-serif;font-size:.7rem;font-weight:800;transition:all .15s}.kpi-period-btn.active{color:#00ff41;background:#00ff411f;border-color:#00ff414d}.camp-visual-img{z-index:2;border-radius:12px;width:100%;display:block;position:relative}.pop-transition-icon{z-index:100;pointer-events:none;font-size:4rem;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.pop-transition-icon.shrink{animation:.5s ease-in forwards iconShrink}@keyframes iconShrink{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(0)}}