body{background:#1d1d1d;justify-content:center;align-items:center;width:100vw;height:100vh;margin:0;font-family:Arial,Helvetica,sans-serif;display:flex;overflow:hidden}#root{width:100%;height:100%}.app-shell{background:#fff 50%/cover;height:100%;overflow:hidden;box-shadow:0 20px 55px #00000073}.left-strip,.right-strip{z-index:5;background:#c50025;width:18px;height:100%;position:absolute;top:0}.left-strip{left:14%}.right-strip{background:#0a2d68;right:14%}.ribbon{z-index:10;background:#bf0022;border-bottom-right-radius:42px;border-bottom-left-radius:42px;justify-content:center;align-items:center;width:5%;height:148px;display:flex;position:absolute;top:0;left:4%}.ribbon img{width:100%}.home-page{justify-content:center;align-items:center;display:flex;position:absolute;inset:0 15%;overflow:hidden}.home-page:before{content:"";opacity:.3;background-image:url(../images/UoA_Pre_Run_Loadscreen_BG.jpg);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;position:absolute;inset:0}.cards-grid{grid-template-columns:repeat(5,1fr);gap:32px 36px;display:grid;overflow:hidden}.start-btn{cursor:pointer;background:0 0;border:none;outline:none;justify-content:center;align-items:center;width:auto;height:auto;margin:0;padding:0;display:flex;position:absolute;bottom:5%;left:50%;transform:translate(-50%)}.start-btn img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:150px;height:auto;display:block}.training-card{background:#fff;border-radius:8px;width:150px;height:200px;overflow:hidden}.card-media{background:#efefef;width:100%;height:100%}.card-media img{object-fit:fill;width:100%;height:100%;position:relative}.prerun-popup-overlay{z-index:100;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.prerun-popup-box{background:#fff;border:2px solid #67c2ff;border-radius:5px;max-width:460px;padding:22px 28px;box-shadow:0 10px 22px #00000038,inset 0 1px #fff3}.prerun-popup-box h2{color:#2fa3ea;margin-top:0;margin-bottom:18px;font-size:16px;font-weight:700;line-height:1.45}.prerun-options-container{flex-direction:column;gap:5px;display:flex}.prerun-option-btn{text-align:left;cursor:pointer;color:#2fa3ea;background:0 0;border:none;align-items:flex-start;gap:8px;padding:0;font-size:16px;transition:all .2s;display:flex}.prerun-option-btn:hover{color:#222}.prerun-option-prefix{color:#2fa3ea;min-width:24px;font-weight:700}.prerun-option-text{flex:1;line-height:1.4}.prerun-result-popup p{color:#2fa3ea;margin-bottom:20px;font-size:16px;line-height:1.5}.prerun-continue-btn{color:#2fa3ea;cursor:pointer;background:#2f94cf;border:1px solid #fff;border-radius:8px;width:120px;height:38px;font-weight:700}.prerun-center-stage{background:#fff;position:absolute;inset:0 15%;overflow:hidden}.prerun-experience-wrapper{width:100%;height:100%;position:absolute;inset:0}.experience-loading-overlay{z-index:99;position:absolute;inset:0;overflow:hidden}.experience-loading-content{width:100%;height:100%}.experience-loading-content img{object-fit:cover;object-position:center;width:100%;height:100%}.prerun-explore-scene-btn{z-index:100;pointer-events:none;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;inset:0}.prerun-explore-scene-btn img{object-fit:contain;cursor:pointer;pointer-events:auto;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:180px;display:block}.next-scene-btn{cursor:pointer;z-index:110;background:#fff;border:none;justify-content:center;display:flex;position:fixed;bottom:30px;right:0%}.next-scene-btn img{width:65%;height:100%}.fabrication-btn{color:#0d5fa8;text-align:center;cursor:pointer;z-index:100;background:#fffffff5;border:1.5px solid #2b7fc0;border-radius:2px;justify-content:center;align-items:center;width:160px;min-height:48px;padding:8px 14px;font-family:Segoe UI,sans-serif;font-size:16px;font-weight:500;line-height:1.3;display:flex;position:absolute;bottom:5%;left:50%;transform:translate(-50%);box-shadow:0 2px 6px #0000002e,inset 0 1px #fffc}.fabrication-btn:hover{background:#fff;transform:translate(-50%)scale(1.02);box-shadow:0 4px 10px #00000038,inset 0 1px #ffffffe6}.fabrication-btn:active{transform:translate(-50%)scale(.98)}.audio-btn{color:#005baa;cursor:pointer;z-index:3;background:#fff;border:none;justify-content:center;display:flex;position:fixed;top:20px;right:0%}.audio-btn-disabled{cursor:not-allowed;pointer-events:none}.audio-btn img{width:65%;height:100%}.image-scene-btn{z-index:100;pointer-events:none;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;inset:0}.image-scene-btn img{object-fit:contain;cursor:pointer;pointer-events:auto;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:180px;display:block}.step1-startProcess-btn{color:#0d5fa8;text-align:center;cursor:pointer;z-index:100;background:#fffffff5;border:1.5px solid #2b7fc0;border-radius:2px;justify-content:center;align-items:center;width:160px;min-height:48px;padding:8px 14px;font-family:Segoe UI,sans-serif;font-size:16px;font-weight:500;line-height:1.3;display:flex;position:absolute;bottom:5%;left:50%;transform:translate(-50%);box-shadow:0 2px 6px #0000002e,inset 0 1px #fffc}.step1-startProcess-btn,.stp1-start-btn:hover{background:#fff;transform:translate(-50%)scale(1.02);box-shadow:0 4px 10px #00000038,inset 0 1px #ffffffe6}.step1-startProcess-btn:active{transform:translate(-50%)scale(.98)}.step-start-btn{cursor:pointer;z-index:110;background:0 0;border:none;justify-content:center;align-items:center;width:100%;display:flex;position:absolute;bottom:7%}.step-start-btn img{max-width:120px}.start-wrapper{z-index:100;flex-direction:column;justify-content:center;align-items:center;gap:5%;display:flex;position:absolute;inset:0}.sample-wrapper{z-index:100;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.sample-popup-image{object-fit:contain;pointer-events:none;width:270px;max-width:90vw;height:auto}.receipe-popup{object-fit:contain;pointer-events:none;width:360px;max-width:90vw;height:auto}.expose-timer-popup{object-fit:contain;pointer-events:none;max-width:220px;height:auto}.step1-start-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:20%;min-height:48px;padding:0;display:flex}.step1-start-btn img{width:50%;height:90%}.step1-message{color:#0d5fa8;text-align:center;cursor:pointer;z-index:100;background:#fffffff5;border:1.5px solid #2b7fc0;border-radius:2px;width:40%;height:auto;padding:8px 14px;font-family:Segoe UI,sans-serif;font-size:16px;font-weight:500;line-height:1.3;display:flex;position:absolute;top:50%;left:25%;box-shadow:0 2px 6px #0000002e,inset 0 1px #fffc}.step1-replay-wrapper{z-index:100;align-items:center;gap:4px;display:flex;position:absolute;bottom:5%;left:50%;transform:translate(-50%)}.step1-replay-btn{color:#0d5fa8;text-align:center;cursor:pointer;background:#fffffff5;border:1.5px solid #2b7fc0;flex-direction:column;justify-content:center;align-items:center;width:165px;height:52px;font-family:Segoe UI,sans-serif;font-size:15px;font-weight:500;line-height:1.2;transition:all .2s;display:flex}.step1-replay-btn:hover{background:#fff;box-shadow:0 4px 10px #0000002e}.step1-next-btn{cursor:pointer;background:#fffffff5;border:1.5px solid #2b7fc0;justify-content:center;align-items:center;width:52px;height:52px;padding:0;transition:all .2s;display:flex}.step1-next-btn:hover{background:#fff;box-shadow:0 4px 10px #0000002e}.step1-next-btn img{object-fit:contain;width:42px;height:42px}.video-content{background:#000;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;overflow:hidden}.training-video{object-fit:cover;object-position:center;justify-content:center;align-items:center;width:100%;display:flex}