:root{font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,system-ui,sans-serif;color:#f5f7fb;background:#000}*{box-sizing:border-box}body{margin:0;background:#000}.app{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:1rem;background:#000}.card{width:min(480px,100%);background:linear-gradient(180deg,#171a22,#0d0f14);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1rem;box-shadow:0 18px 44px #0000007a;display:flex;flex-direction:column;gap:.75rem;color:#f5f7fb}.card h1,.card p{margin-top:0}button,input{font:inherit}button{border:0;background:#f2f5f9;color:#07080b;padding:.85rem 1rem;border-radius:12px;font-weight:800}input{padding:.85rem;border:1px solid #303746;border-radius:12px;width:100%;background:#10131a;color:#f5f7fb}.unit-toggle{position:relative;width:7.25rem;height:3rem;padding:.25rem;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#ffffff14;color:#ffffff7a;display:grid;grid-template-columns:1fr 1fr;align-items:center;box-shadow:inset 0 0 0 1px #ffffff0a}.unit-toggle:before{content:"";position:absolute;left:.25rem;top:.25rem;width:calc(50% - .25rem);height:calc(100% - .5rem);border-radius:999px;background:#fff;transition:transform .18s ease}.unit-toggle.metric:before{transform:translate(100%)}.unit-toggle span{position:relative;z-index:1;text-align:center;font-size:1rem;font-weight:800;line-height:1;text-transform:lowercase}.unit-toggle .active{color:#07080b}.unit-toggle.metric span:first-child{color:#ffffff7a}.unit-toggle.metric span:last-child{color:#07080b}.row{display:flex;justify-content:space-between;align-items:center}.bar-wrap{margin:.5rem 0;display:flex;align-items:center;min-height:120px;overflow-x:auto}.bar{height:10px;width:100px;background:#aaa;border-radius:6px}.sleeve{height:18px;width:10px;background:#888;margin-right:8px;border-radius:4px}.plates{display:flex;align-items:flex-end;gap:6px;animation:slide .2s ease}.plate{background:linear-gradient(180deg,#2b2d38,#171821);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;flex-shrink:0}.plate span{display:flex;flex-direction:column;align-items:center;line-height:1;font-size:1rem;text-shadow:0 1px 1px rgba(0,0,0,.35)}.plate-red{background:linear-gradient(180deg,#c8242f,#8e111f)}.plate-blue{background:linear-gradient(180deg,#255ec6,#1a3f83)}.plate-yellow{background:linear-gradient(180deg,#e2cb35,#b08d13);color:#1f1600}.plate-green{background:linear-gradient(180deg,#2b9c4d,#1e6f37)}.plate-black{background:linear-gradient(180deg,#2b2d38,#171821)}.feedback{display:flex;flex-direction:column;gap:.5rem}.feedback p{margin:.1rem 0}.ok{color:#34d27b}.bad{color:#ff5b67}.error{color:#ff5b67;margin:.25rem 0}.guess-form{display:flex;flex-direction:column;gap:.5rem}.guess-display{padding:.9rem 1rem;background:#f3f5fb;border:1px solid #d4d7e0;border-radius:12px;font-size:1.25rem;font-weight:700;text-align:right;letter-spacing:.02em;min-height:3.25rem;display:flex;align-items:center;justify-content:flex-end}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem}.keypad-key{background:#eef1f8;color:#111;padding:1rem;border-radius:12px;font-size:1.2rem;font-weight:700}.keypad-key:active{transform:scale(.98)}.guess-actions{display:grid;grid-template-columns:1fr 2fr;gap:.45rem}.guess-actions .secondary{background:#232936;color:#c7d0df}.dial-input{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:block;touch-action:none}.dial-readout{position:absolute;left:clamp(1.25rem,6vw,2.25rem);bottom:clamp(1.15rem,5vw,2rem);display:flex;align-items:baseline;gap:.25rem;color:#fff;pointer-events:none}.dial-readout span{font-size:clamp(2.2rem,9.5vw,3.3rem);font-weight:650;line-height:.82;letter-spacing:0}.dial-readout small{font-size:clamp(.58rem,2.38vw,.95rem);font-weight:650;color:#fff;text-transform:none}.dial-gesture-surface{position:absolute;top:0;right:0;bottom:0;left:0;cursor:ns-resize;outline:0;touch-action:none;overscroll-behavior:none}.dial-gesture-surface:focus-visible{box-shadow:inset 0 0 0 2px #ffffff57}.guess-actions.single{grid-template-columns:1fr}.guess-actions.single{position:absolute;right:clamp(1.25rem,7vw,2.2rem);bottom:clamp(1.55rem,6vw,2.4rem);z-index:5;display:block}.send-button{width:clamp(3.375rem,13.5vw,4.2rem);height:clamp(3.375rem,13.5vw,4.2rem);padding:0;border-radius:999px;background:#fff;color:#000;font-size:clamp(1.8rem,6.75vw,2.25rem);font-weight:300;line-height:1;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 36px #0000006b}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes slide{0%{transform:translate(10px);opacity:.5}to{transform:translate(0);opacity:1}}@keyframes startPlateDrop{0%{opacity:0;transform:translateY(-180px) scale(.96)}70%{opacity:1;transform:translateY(8px) scale(1)}to{opacity:1;transform:translateY(0) scale(1)}}.game-card{position:relative;width:min(480px,100%);height:min(860px,100dvh);min-height:720px;overflow:hidden;background:#000;border:0;border-radius:0;padding:0;box-shadow:none}.start-card{display:block}.start-copy{position:absolute;left:clamp(1.25rem,6vw,2.25rem);right:clamp(1.25rem,6vw,2.25rem);top:clamp(2rem,8vh,4.5rem);z-index:6}.start-copy h1{margin:0;color:#fff;font-size:clamp(3.2rem,14vw,5.2rem);font-weight:650;line-height:.86;letter-spacing:0}.start-copy p{margin:.9rem 0 0;color:#ffffff94;font-size:1rem;font-weight:800}.home-demo{position:absolute;inset:clamp(5.8rem,17vh,9rem) 0 0;z-index:1;pointer-events:none}.home-demo-weight{position:absolute;left:clamp(1.25rem,6vw,2.25rem);bottom:clamp(6.3rem,18vw,7.8rem);z-index:5;display:flex;align-items:baseline;gap:.25rem;color:#fff}.home-demo-weight span{font-size:clamp(2.2rem,9.5vw,3.3rem);font-weight:650;line-height:.82;letter-spacing:0}.home-demo-weight small{font-size:clamp(.58rem,2.38vw,.95rem);font-weight:650;color:#fff}.start-card .premium-plate{opacity:0;animation:startPlateDrop .46s cubic-bezier(.2,.82,.22,1) forwards}.start-card .premium-plate:nth-child(1){animation-delay:.12s}.start-card .premium-plate:nth-child(2){animation-delay:.28s}.start-card .premium-plate:nth-child(3){animation-delay:.44s}.start-card .premium-plate:nth-child(4){animation-delay:.6s}.start-card .premium-plate:nth-child(5){animation-delay:.76s}.start-card .premium-plate:nth-child(6){animation-delay:.92s}.start-card .premium-plate:nth-child(7){animation-delay:1.08s}.start-card.game-card .barbell-stage{top:0;right:0;bottom:8.5rem;left:0}.start-card.game-card .bar-wrap.premium{margin-top:-40px;padding-top:clamp(12px,4vh,36px)}.start-card.game-card .bar-wrap.premium .sleeve{z-index:1}.start-card.game-card .plates{z-index:3}.start-actions{position:absolute;left:clamp(1.25rem,6vw,2.25rem);right:clamp(1.25rem,7vw,2.2rem);bottom:clamp(1.55rem,6vw,2.4rem);z-index:6;display:flex;align-items:center;justify-content:space-between}.game-status{position:absolute;left:clamp(1.25rem,6vw,2.2rem);right:clamp(1.25rem,6vw,2.2rem);top:clamp(1.2rem,5vw,2rem);z-index:5;align-items:flex-start;color:#e8eaee;font-size:1.05rem;font-weight:800;letter-spacing:.02em}.game-status span{color:#ffffffb8}.timer-block{display:flex;flex-direction:column;align-items:flex-end;gap:.35rem;text-align:right}.timer-block em{display:block;min-height:1em;font-style:normal;font-size:clamp(2.2rem,9.5vw,3.3rem);font-weight:650;line-height:.82;letter-spacing:0;color:#fff}.game-card .barbell-stage{position:absolute;top:4.5rem;right:0;bottom:8.5rem;left:0;z-index:1;display:flex;align-items:center;justify-content:center;background:#000;border-radius:0;padding:0;overflow:hidden}.game-card .barbell-stage:after{content:"";position:absolute;left:0;right:0;bottom:0;height:32%;z-index:4;background:linear-gradient(180deg,#0000,#000 82%);pointer-events:none}.game-card .bar-wrap.premium{position:relative;width:100%;height:100%;min-width:0;min-height:0;margin:0;padding-top:clamp(44px,10vh,96px);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overflow:hidden}.game-card .bar-wrap.premium .bar{order:4;flex:1 1 auto;min-height:64px;width:12px;border-radius:2px;background:linear-gradient(90deg,#444a55,#d8dce4 48%,#727986);box-shadow:0 0 28px #5096ff47}.game-card .bar-wrap.premium .sleeve{order:1;z-index:2;display:block;width:18px;height:109px;margin:0;border-radius:2px;background:linear-gradient(90deg,#565d69,#d6dbe4 48%,#757d89);box-shadow:inset 0 1px 2px #ffffff61,0 0 22px #5096ff38}.game-card .plates{order:2;position:relative;z-index:3;display:flex;flex-direction:column-reverse;align-items:center;justify-content:flex-end;gap:6px;max-height:none;overflow:visible;animation:none}.game-card .premium-plate{width:var(--plate-h-d);height:var(--plate-w-d);max-width:min(74vw,300px);border-radius:4px}.game-card .premium-plate:after{left:0;right:0;top:auto;bottom:0;width:auto;height:34%;border-radius:0 0 4px 4px;background:#0003}.game-card .plate-label{font-size:.82rem;line-height:1;flex-direction:row;gap:0;color:#fffc}.game-card .plate-label.vertical{flex-direction:row;gap:0}.game-card .collar-cap{order:3;z-index:3;width:36px;height:18px;margin:0;border-radius:2px}.game-card .feedback{position:absolute;left:clamp(1.25rem,6vw,2.25rem);right:0;bottom:clamp(1.25rem,6vw,2.25rem);z-index:5;gap:.2rem}.game-card .feedback-status{font-size:1rem;font-weight:800;line-height:1.1;color:#ffffff94}.game-card .feedback-weight{display:flex;align-items:baseline;gap:.25rem;margin:0;font-size:clamp(2.2rem,9.5vw,3.3rem);font-weight:650;line-height:.82;letter-spacing:0;color:#fff}.game-card .feedback-weight span{font-size:clamp(.58rem,2.38vw,.95rem);font-weight:650}.game-card .feedback-guess.ok{color:#34d27b}.game-card .feedback-guess.bad{color:#ff5b67}.game-card .feedback button{position:absolute;right:clamp(1.25rem,7vw,2.2rem);bottom:calc(clamp(1.55rem,6vw,2.4rem) - clamp(1.25rem,6vw,2.25rem));z-index:5;width:clamp(3.375rem,13.5vw,4.2rem);height:clamp(3.375rem,13.5vw,4.2rem);padding:0;border-radius:999px;font-size:0;color:transparent}.game-card .feedback button:after{content:"→";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#000;font-size:clamp(1.8rem,6.75vw,2.25rem);font-weight:300}.barbell-stage{background:#0a0b0f;border-radius:16px;padding:14px;overflow-x:auto}.bar-wrap.premium{margin:.25rem 0;display:flex;align-items:center;min-height:280px;min-width:max-content}.bar-wrap.premium .bar{height:14px;width:120px;background:linear-gradient(180deg,#8f949f,#676c76);border-radius:8px;box-shadow:inset 0 1px 2px #ffffff59,inset 0 -1px 2px #00000073}.bar-wrap.premium .sleeve{height:24px;width:12px;background:linear-gradient(180deg,#9ea3ad,#6d737d);margin-right:10px;border-radius:6px;box-shadow:inset 0 1px 1px #ffffff59}.plates{display:flex;align-items:center;gap:5px;animation:slide .2s ease}.premium-plate{position:relative;width:var(--plate-w-d);height:var(--plate-h-d);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid rgba(255,255,255,.28);box-shadow:inset 0 0 0 1px #ffffff0f,0 6px 12px #00000059}.premium-plate:after{content:"";position:absolute;right:0;top:0;bottom:0;width:22%;border-radius:0 12px 12px 0;background:#0000002e}.plate-label{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.95rem;line-height:.88;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6)}.plate-label.vertical{flex-direction:column;gap:1px}.plate-white{background:linear-gradient(180deg,#f0f3f8,#c8ced8);color:#111}.plate-white .plate-label{color:#151a23;text-shadow:none}.plate-silver{background:linear-gradient(180deg,#c0c8d4,#8c95a3)}.collar-cap{height:30px;width:16px;margin-left:8px;border-radius:6px;background:linear-gradient(180deg,#9aa0ac,#5f6672);box-shadow:inset 0 1px 1px #ffffff73,0 0 0 1px #00000059}@media (max-width: 600px){.app{align-items:stretch;padding:0}.card{width:100%;min-height:100vh;min-height:100dvh;border-radius:0;border-left:0;border-right:0;padding:1rem;justify-content:space-between}.barbell-stage{margin-inline:-.25rem;border-radius:12px}.bar-wrap.premium{min-height:210px}.premium-plate{width:var(--plate-w-m);height:var(--plate-h-m);border-radius:10px}.premium-plate:after{border-radius:0 10px 10px 0}.plate-label{font-size:.88rem}.dial-readout span{font-size:clamp(4.4rem,19vw,6.6rem)}.dial-readout small{font-size:clamp(1.15rem,4.75vw,1.9rem)}.start-card .home-demo{inset:clamp(7rem,20vh,9.5rem) 0 0}.start-card.game-card .barbell-stage{top:0;right:0;bottom:7.5rem;left:0}.start-card.game-card .bar-wrap.premium{padding-top:clamp(28px,12vh,64px)}.home-demo-weight span{font-size:clamp(4.4rem,19vw,6.6rem)}.home-demo-weight small{font-size:clamp(1.15rem,4.75vw,1.9rem)}.game-card .feedback-weight{font-size:clamp(4.4rem,19vw,6.6rem)}.game-card .feedback-weight span{font-size:clamp(1.15rem,4.75vw,1.9rem)}.timer-block em{font-size:clamp(4.4rem,19vw,6.6rem)}}@media (min-width: 601px){.start-card .home-demo{inset:clamp(5.2rem,14vh,8rem) 0 0}.start-card.game-card .barbell-stage{top:0;right:0;bottom:7rem;left:0}.start-card.game-card .bar-wrap.premium{padding-top:clamp(80px,30vh,240px)}}