:root{color:#1f2422;background:#eef3ed;font-family:Inter,ui-rounded,SF Pro Rounded,SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100svh;overflow:hidden;-webkit-font-smoothing:antialiased}button{font:inherit}button:focus{outline:none}button:focus-visible{outline:2px solid rgba(67,126,78,.45);outline-offset:2px}.prototype-stage{width:100vw;min-height:100svh;min-height:100dvh;display:grid;place-items:stretch center;padding:0;background:#f4f0d2}.phone-shell{position:relative;width:100vw;max-width:100vw;height:100svh;height:100dvh;min-height:100svh;aspect-ratio:auto;container-type:inline-size;overflow:hidden;border-radius:0;background:#f7f7f4;box-shadow:none;isolation:isolate}@media(min-width:700px){body{overflow:auto}.prototype-stage{min-height:max(100vh,874px);min-height:max(100dvh,874px);place-items:center}.phone-shell{width:402px;max-width:402px;height:874px;min-height:874px}}.room-layer{position:absolute;top:0;right:0;bottom:43.8%;left:0;z-index:0;overflow:hidden;background:linear-gradient(180deg,#f4f0d2,#eeebcd 58%,#f2e6c8)}.room-media{position:absolute;top:11.5%;left:0;width:100%;height:auto;aspect-ratio:4 / 3;z-index:1;display:block;object-fit:contain}.room-static-fallback{z-index:1}.room-video{z-index:2;opacity:0;background:#f4f0d2;transition:opacity .16s ease}.room-video.is-visible{opacity:1}.room-layer:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;background:linear-gradient(180deg,#ffffffb8,#fff0 23%),linear-gradient(0deg,#ffffffd1,#fff0 28%);pointer-events:none}.olive-layer{position:absolute;top:26.8%;left:50%;z-index:2;width:17%;min-width:58px;transform:translate(-50%);filter:drop-shadow(0 10px 12px rgba(78,93,42,.16));pointer-events:none}.olive-layer:after{content:"";position:absolute;left:16%;right:16%;bottom:3%;height:9%;border-radius:50%;background:#505d2d47;filter:blur(7px);transform:translateY(55%);z-index:0}.olive-layer img{position:relative;z-index:1;width:100%;display:block}.home-ui{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4}.home-ui:before{content:"";position:absolute;top:58.2%;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(180deg,#ffffffe0,#f7f7f6 18%,#f5f5f4)}.home-header{position:absolute;top:5.2%;left:6.6%;right:6.3%;display:flex;justify-content:space-between;align-items:flex-start}.home-header p{margin:0;color:#1f232173;font-size:clamp(12px,2.9cqw,17px);font-weight:700;letter-spacing:0}.home-header h1{margin:1px 0 0;color:#111412;font-size:clamp(25px,7.4cqw,42px);line-height:.92;letter-spacing:0}.header-actions{display:flex;align-items:center;gap:12px;padding-top:.7%}.header-pill,.avatar-button{border:1px solid rgba(70,86,65,.1);background:#ffffffc7;box-shadow:0 5px 14px #35443414;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.header-pill{width:clamp(39px,9.2cqw,56px);height:clamp(30px,7cqw,43px);display:inline-flex;align-items:center;justify-content:center;border-radius:999px;color:#347149}.flame-pill{gap:5px;color:#111412;font-weight:800}.avatar-button{width:clamp(48px,11.8cqw,70px);height:clamp(48px,11.8cqw,70px);padding:4px;border-radius:50%}.avatar-button img{width:100%;height:100%;object-fit:contain}.rank-card{position:absolute;top:43.8%;left:6.6%;right:6.6%;height:22.4%;min-height:176px;padding:clamp(18px,4.2cqw,27px) clamp(17px,4.2cqw,28px);color:#fff;overflow:hidden;border-radius:24px;background:radial-gradient(circle at 88% 14%,rgba(255,255,255,.14),transparent 25%),linear-gradient(145deg,#2f6f42,#245f38);box-shadow:0 16px 28px #20573338}.eyebrow{margin:0 0 4px;color:#ffffffc7;font-size:clamp(10px,2.7cqw,15px);font-weight:800;letter-spacing:.18em;text-transform:uppercase}.eyebrow.dark{color:#1a1d1c}.rank-card h2{margin:0;font-size:clamp(24px,6.6cqw,38px);line-height:.95;letter-spacing:0}.scan-count{position:absolute;left:clamp(17px,4.2cqw,28px);bottom:49%;margin:0;color:#ffffffdb;font-size:clamp(12px,3.3cqw,18px);font-weight:800}.rank-medal{position:absolute;top:12%;right:7.2%;width:clamp(52px,13cqw,78px);aspect-ratio:1;border-radius:50%;object-fit:cover;box-shadow:0 8px 18px #00000014}.rank-progress{position:absolute;left:clamp(17px,4.2cqw,28px);right:clamp(17px,4.2cqw,28px);bottom:40.5%;height:5px;overflow:hidden;border-radius:999px;background:#fff3}.rank-progress span{display:block;width:3%;height:100%;border-radius:inherit;background:#fff6}.next-rank{position:absolute;right:clamp(17px,4.2cqw,28px);bottom:47.5%;margin:0;color:#ffffff80;font-size:clamp(11px,3.1cqw,17px);font-weight:700}.embedded-score{position:absolute;left:0;right:0;bottom:0;min-height:34%;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px clamp(17px,4.2cqw,28px) 14px;border-top:1px solid rgba(255,255,255,.16);background:#ffffff0e}.score-copy{min-width:0}.score-copy p{margin:0;color:#ffffffbd;font-size:clamp(12px,3.2cqw,17px);font-weight:650}.score-value{flex:0 0 auto;display:flex;align-items:baseline;margin:0;color:#fff;letter-spacing:0}.score-value strong{font-size:clamp(29px,8.2cqw,44px);line-height:.9;font-weight:850}.score-value span{color:#ffffffb3;font-size:clamp(13px,3.5cqw,18px);font-weight:800}.prototype-controls{position:absolute;left:6.6%;right:6.6%;bottom:max(14px,env(safe-area-inset-bottom));min-height:42px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:7px;padding:5px 8px 5px 12px;border:1px solid rgba(54,91,55,.14);border-radius:16px;background:#fdfbf3db;box-shadow:0 9px 22px #36483a14;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.control-label{min-width:0;display:inline-flex;align-items:center;gap:10px;color:#1f23218a;font-size:clamp(9px,2.45cqw,13px);font-weight:750;white-space:nowrap}.control-label svg{flex:0 0 auto;color:#4c9859}.control-label span{overflow:hidden;text-overflow:ellipsis}.upgrade-button,.reset-button{height:30px;display:inline-flex;align-items:center;justify-content:center;gap:4px;border-radius:999px;font-size:clamp(9px,2.45cqw,13px);font-weight:820;white-space:nowrap}.upgrade-button{min-width:108px;border:0;padding:0 8px;color:#fff;background:linear-gradient(135deg,#68a35c,#337944);box-shadow:0 8px 15px #34794438}.upgrade-button:disabled{color:#ffffffc7;background:linear-gradient(135deg,#98ad8c,#6f8c68);box-shadow:none}.reset-button{border:1px solid rgba(46,105,58,.42);padding:0 8px;color:#3f7f4d;background:#ffffff9e}.upgrade-button svg{width:14px;height:14px}.reset-button svg{width:12px;height:12px}@media(max-width:390px){.header-actions{gap:8px}.prototype-controls{gap:6px;padding-left:10px}.upgrade-button{min-width:116px;padding:0 11px}.upgrade-button svg,.reset-button svg{display:none}}