main{overflow-anchor:none}.app-world .phone-dock{border-radius:0 0 24px 24px}.app-world{height:240svh;--build:0;--split:1;--activation:0;--rx:34deg;--ry:-32deg;--rz:-14deg;--scale:.85;--app-shift:0px;--result-one:0;--result-two:0;--result-three:0}
.app-stage{isolation:isolate;perspective:1500px}.app-world .idea-beam,.app-world .app-float{display:none}.app-world .idea-origin{padding-top:30px}.assembly-space{position:absolute;inset:-10px -20px;pointer-events:none;z-index:-1;perspective:900px;overflow:visible}
.assembly-orbit{position:absolute;left:50%;top:51%;width:440px;height:440px;border-radius:50%;border:1px solid #c4ffae70;transform:translate(-50%,-50%) rotateX(69deg) rotateZ(calc(var(--build)*110deg));box-shadow:0 0 30px #baff8e14,inset 0 0 30px #baff8e14}.assembly-orbit:after{content:'';position:absolute;inset:17px;border:2px dashed #baff8e44;border-radius:50%;transform:rotate(calc(var(--build)*100deg))}.orbit-two{width:360px;height:360px;border-color:#eaffd955;transform:translate(-50%,-50%) rotateY(67deg) rotateX(20deg) rotateZ(calc(var(--build)*-140deg))}
.assembly-grid{position:absolute;inset:0;background-image:linear-gradient(#baff8e13 1px,transparent 1px),linear-gradient(90deg,#baff8e13 1px,transparent 1px);background-size:45px 45px;mask-image:radial-gradient(ellipse,#000,transparent 65%);transform:rotateX(50deg) translateY(60px)}.assembly-circuit{width:100%;height:100%;overflow:visible;opacity:.4}.assembly-circuit path{fill:none;stroke:#baff8e;stroke-width:1;stroke-dasharray:5 12;stroke-dashoffset:calc(var(--build)*-180px);filter:drop-shadow(0 0 4px #afff80)}.assembly-circuit circle{fill:#d7ffb9;filter:drop-shadow(0 0 5px #afff80)}
.assembly-phase{position:absolute;left:0;right:0;top:-1px;display:flex;gap:10px;align-items:center;z-index:8;pointer-events:none;color:#b8d3aa;font-size:6px;letter-spacing:1.5px}.phase-light{height:4px;width:4px;background:var(--green);box-shadow:0 0 9px #caff9f;border-radius:50%}.phase-meter{height:2px;background:#ffffff20;width:100px;margin-left:auto;display:block}.phase-meter i{display:block;width:calc(var(--build)*70% + var(--activation)*30%);height:100%;background:#d7ffb9;box-shadow:0 0 8px #caff9f}
.app-world .phone-assembly{transform-style:preserve-3d;transform:translateX(var(--app-shift)) translateY(calc(var(--split)*8px - var(--activation)*13px)) rotateX(var(--rx)) rotateY(var(--ry)) rotateZ(var(--rz)) scale(var(--scale));will-change:transform;z-index:5}
.app-world .phone{overflow:visible;transform-style:preserve-3d;border-color:#abc29d;background:#e4eeda;box-shadow:0 0 0 1px #e8ffd780,0 25px 55px #0007,0 0 50px #adff8920;transform:translateZ(30px)}.app-world .phone-back{inset:0;background:linear-gradient(145deg,#14321f,#6fa451);border:1px solid #c9efb1;border-radius:31px;transform:translateZ(calc(-35px - var(--split)*35px));box-shadow:0 0 50px #b6ff8230}.phone-wire{position:absolute;inset:-8px;border-radius:37px;border:1px solid #caff9b55;transform:translateZ(calc(-65px - var(--split)*40px));background:repeating-linear-gradient(90deg,transparent,transparent 23px,#baff8e12 24px),repeating-linear-gradient(0deg,transparent,transparent 23px,#baff8e12 24px);opacity:var(--split)}
.app-world .phone-content{transform-style:preserve-3d;position:relative}.app-world .phone-top,.app-world .island,.app-world .phone-dock{transform:translateZ(5px);backface-visibility:hidden}.app-world .phone-greeting,.app-world .fiction{opacity:calc(.3 + var(--build)*.7)}
.app-world .phone-brand,.app-world #prototype-title,.app-world .phone-stats,.app-world .phone-items,.app-world .phone-action{position:relative;transform-style:preserve-3d;backface-visibility:hidden;will-change:transform;outline:calc(var(--split)*1px) solid #e7ffce;border-radius:6px;box-shadow:0 calc(var(--split)*15px) calc(var(--split)*35px) #0004}
.app-world .phone-brand{transform:translate3d(calc(var(--split)*-30px),calc(var(--split)*-10px),calc(var(--split)*65px));background:#e8f4df;padding:calc(var(--split)*6px)}
.app-world #prototype-title{transform:translate3d(calc(var(--split)*-65px),calc(var(--split)*-15px),calc(var(--split)*115px));background:#e5efdb;padding:calc(var(--split)*10px);font-size:inherit}.app-world #prototype-title{font-size:21px}
.app-world .phone-stats{transform:translate3d(calc(var(--split)*65px),calc(var(--split)*10px),calc(var(--split)*160px));background:#cce6b9;outline-color:#d8ffc0}
.app-world .phone-items{transform:translate3d(calc(var(--split)*-45px),calc(var(--split)*30px),calc(var(--split)*195px));background:#e9f2e1;padding:calc(var(--split)*6px)}
.app-world .phone-action{transform:translate3d(calc(var(--split)*55px),calc(var(--split)*35px),calc(var(--split)*235px));background:linear-gradient(110deg,#173c1e,#4a7e35);box-shadow:0 0 calc(var(--activation)*25px) #a9ff6480}
.app-world .phone-action:after{content:'';position:absolute;inset:-3px;border:1px solid #b5f58a;border-radius:7px;opacity:var(--activation);transform:scale(calc(1 + var(--activation)*.07));pointer-events:none}
.app-world .phone-stats:after,.app-world .phone-items:after,.app-world #prototype-title:after{position:absolute;left:-5px;bottom:calc(100% + 5px);font-size:4px;letter-spacing:1px;color:#daf6ca;background:#1b3c28;padding:3px 5px;border:1px solid #caefa54d;border-radius:2px;opacity:var(--split);white-space:nowrap;pointer-events:none}
.app-world .phone-stats:after{content:'VOS CALCULS & VOS RÈGLES'}.app-world .phone-items:after{content:'VOS INFORMATIONS'}.app-world #prototype-title:after{content:'VOTRE INTERFACE'}
.assembly-replay{margin-top:15px;padding:10px 0;border-bottom:1px solid #baff8e55;font-size:9px;color:var(--green);display:flex;align-items:center;gap:10px}.assembly-replay>span{font-size:13px}.assembly-instruction{font-size:5px;letter-spacing:1.2px;color:#8eaf80;margin-top:13px;line-height:1.7}
.app-world .app-caption{height:100%;padding-left:20px;position:relative;display:flex;align-items:center;z-index:6}.application-promise{position:absolute;left:20px;right:0;top:50%;transform:translateY(-50%);opacity:clamp(0,calc(1 - var(--activation)*2),1)}.application-promise>span{font-size:6px;letter-spacing:1.4px;color:var(--green);line-height:1.8}.application-promise p{font-size:11px!important;line-height:1.8!important;margin-top:15px!important;color:#bfd3b2!important}
.assembly-result{width:100%;padding:22px 19px;border:1px solid #caff9c70;background:linear-gradient(145deg,#d6ffb52b,#102a1be8);backdrop-filter:blur(20px);border-radius:5px;box-shadow:0 15px 45px #0004,0 0 35px #a9ff6410;opacity:var(--activation);transform:translateX(calc((1 - var(--activation))*35px)) translateZ(30px)}
.result-kicker{font-size:5px;letter-spacing:1.3px;color:#caffab;display:flex;align-items:center;gap:6px;line-height:1.6}.result-kicker>i{width:4px;height:4px;display:block;border-radius:50%;background:#caffab;box-shadow:0 0 8px #caffab}.assembly-result h3{font-size:25px;letter-spacing:-1px;line-height:1.15;font-weight:500;margin:17px 0}.assembly-result em{color:#d9ffc1}.assembly-result>small{font-size:4px;line-height:1.8;letter-spacing:.8px;color:#8fab82;display:block;margin-top:15px}
#assembly-actions{display:grid;gap:7px}#assembly-actions>div{display:flex;gap:8px;align-items:center;padding:8px 0;border-top:1px solid #e7ffd720;font-size:8px;color:#cee4c2;opacity:.4;transform:translateX(10px);transition:opacity .35s,transform .35s}#assembly-actions>div.ready{opacity:1;transform:none}#assembly-actions b{font-size:5px;color:#93b183;font-weight:400}#assembly-actions i{margin-left:auto;color:var(--green);font-style:normal;opacity:0}#assembly-actions>div.ready i{opacity:1}
.app-world.scene-playing .phase-light{animation:phasePulse 1s ease-in-out infinite}@keyframes phasePulse{50%{box-shadow:0 0 18px #caff9f;opacity:.4}}
.reduced .app-world{height:auto}.reduced .app-world .world-sticky{position:relative}.reduced .phone-assembly{transform:translateY(-10px)!important}.reduced .assembly-space,.reduced .assembly-instruction{display:none}.reduced .app-world .phone-action{box-shadow:none}
@media(min-width:761px) and (max-height:800px){.app-world #prototype-title{font-size:17px}.app-world .idea-origin{padding-top:25px}.app-world .idea-origin>strong{font-size:19px}.app-world .idea-origin>p{font-size:9px}.app-world .idea-options{margin-top:12px;gap:6px}.app-world .idea-options button{padding:8px 10px;font-size:8px}.assembly-replay{margin-top:10px;padding:8px 0;font-size:8px}.assembly-instruction{margin-top:9px;font-size:4px}.app-world .app-caption{padding-left:12px}.application-promise{left:12px}.application-promise p{font-size:9px!important}.application-promise>span{font-size:5px}.assembly-result{padding:15px 12px}.assembly-result h3{font-size:21px;margin:13px 0}.result-kicker{font-size:4px}#assembly-actions>div{font-size:7px;padding:7px 0}.assembly-orbit{width:350px;height:350px}.orbit-two{width:280px;height:280px}.assembly-result>small{font-size:3px}}
@media(max-width:760px){.app-world{height:220svh}.app-world .world-sticky{position:sticky;top:0;height:100svh;min-height:0;padding-top:101px;padding-bottom:90px}.app-world .world-heading h2{font-size:30px;letter-spacing:-1.5px}.app-world .world-heading p{font-size:9px;margin-top:10px}.app-stage{height:auto;min-height:0;flex:1;margin:15px 0 12px}.assembly-phase{font-size:4px;letter-spacing:.8px;top:0;gap:7px}.phase-meter{width:65px}.app-world .idea-origin{padding-top:20px;top:0;left:0;right:0;z-index:9}.app-world .idea-options{margin:0;gap:5px}.app-world .idea-options button{font-size:6px;padding:8px 6px}.assembly-replay{position:absolute;top:60px;left:0;font-size:7px;border:0;padding:5px 0;margin:0}.assembly-replay>span{font-size:10px}.assembly-instruction{display:none}.app-world .phone-assembly{top:92px;width:180px;height:310px;margin-left:-90px;left:50%;transform:translateY(calc(var(--activation)*-25px)) rotateX(var(--rx)) rotateY(var(--ry)) rotateZ(var(--rz)) scale(calc(var(--scale)*.9));z-index:5}
.app-world .phone-content{padding:9px 10px}.app-world #prototype-title{font-size:17px}.app-world .phone-brand{font-size:14px;transform:translate3d(calc(var(--split)*-15px),0,calc(var(--split)*35px))}.app-world .phone-top{font-size:5px;padding:9px 12px}.app-world .island{height:11px}.app-world .phone-greeting{font-size:3px;margin:10px 0 6px}.app-world .phone-stats{padding:8px;margin-top:10px;gap:12px;transform:translate3d(calc(var(--split)*45px),0,calc(var(--split)*85px))}.app-world .phone-stats strong{font-size:20px}.app-world .phone-stats small{font-size:4px}.app-world .phone-stats>span{font-size:6px}.app-world .phone-items{margin:6px 0;transform:translate3d(calc(var(--split)*-35px),calc(var(--split)*10px),calc(var(--split)*110px))}.app-world .phone-item{padding:6px 0}.app-world .phone-item>span{width:16px;height:16px;font-size:7px}.app-world .phone-item strong{font-size:6px}.app-world .phone-item small{font-size:5px}.app-world .phone-item>b{font-size:5px}.app-world .phone-action{font-size:6px;padding:8px;transform:translate3d(calc(var(--split)*30px),calc(var(--split)*15px),calc(var(--split)*140px))}.app-world #prototype-title{transform:translate3d(calc(var(--split)*-40px),calc(var(--split)*-10px),calc(var(--split)*60px))}.app-world .fiction{font-size:3px;margin-top:6px}.app-world .phone-dock{height:22px;font-size:9px}.assembly-orbit{width:320px;height:320px;top:56%}.orbit-two{width:270px;height:270px}.app-world .app-caption{position:absolute;left:0;right:0;bottom:0;height:auto;padding:0;z-index:7}.application-promise{display:none}.assembly-result{padding:10px 13px;display:grid;grid-template-columns:1fr 1.2fr;gap:5px 15px;transform:translateY(calc((1 - var(--activation))*25px));text-align:left;background:#163b26ed;min-height:98px}.result-kicker{grid-column:1;grid-row:1;font-size:3px;letter-spacing:.8px}.assembly-result h3{grid-column:1;grid-row:2;font-size:17px;margin:0;letter-spacing:-.7px}.assembly-result>small{grid-column:1/-1;font-size:3px;margin:0;text-align:center}#assembly-actions{grid-column:2;grid-row:1/3;gap:2px}#assembly-actions>div{font-size:6px;padding:5px 0;gap:5px}#assembly-actions b{font-size:4px}.app-world .world-bottom{padding-top:8px;margin:0}.app-world .world-bottom>span{font-size:6px}.app-world .world-bottom button{font-size:9px;margin-top:3px}.reduced .app-world .world-sticky{height:850px}.reduced .app-world .app-stage{min-height:440px}}
@media(max-width:760px) and (max-height:740px){.app-world{height:auto}.app-world .world-sticky{position:relative;height:850px}.app-world .app-stage{min-height:430px}}

#progress{width:100%;transform:scaleX(0);transform-origin:left;will-change:transform}