:root{color:#f4f7ff;font-synthesis:none;text-rendering:optimizelegibility;background:#050812;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{width:100%;min-width:320px;min-height:100%;margin:0}body{min-height:100vh}button,input,textarea,select{font:inherit}#app{place-items:center;min-height:100vh;padding:1rem;display:grid}#app:has(#consent-root:not([hidden])){place-items:initial;padding:0;display:block}main{width:min(100%,1200px,177.778vh - 3.55556rem)}#game-container{aspect-ratio:5/3;background:#0b1020;border:1px solid #263653;border-radius:.75rem;width:100%;overflow:hidden;box-shadow:0 1rem 3rem #00000059}#game-container canvas{display:block}#consent-root{width:100%;min-height:100vh;padding:3rem 1.5rem 5rem;display:block;overflow-y:auto}#consent-root[hidden]{display:none}.consent-page{color:#dbe4f5;max-width:46rem;margin:0 auto;font-size:1rem;line-height:1.65}.consent-page h1{color:#f4f7ff;margin:0 0 .4rem;font-size:1.9rem;line-height:1.25}.consent-page h2{color:#3ddbff;margin:2rem 0 .6rem;font-size:1.15rem;line-height:1.35}.consent-subheading{color:#8fa3c4;margin:0 0 1.5rem}.consent-contacts{background:#0e1526;border-left:3px solid #263653;margin:0 0 2rem;padding:.9rem 1.1rem;font-size:.95rem}.consent-contacts p{margin:.2rem 0}.consent-page p{margin:0 0 1rem}.consent-page ul{margin:0 0 1rem;padding-left:1.4rem}.consent-page li{margin-bottom:.6rem}.consent-questions{margin:1rem 0 2rem}.consent-question{border-bottom:1px solid #1b2740;justify-content:space-between;align-items:baseline;gap:1.5rem;padding:.7rem 0;display:flex}.consent-question-text{flex:1}.consent-options{flex:none;gap:1.1rem;display:flex}.consent-option{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.35rem;display:flex}.consent-option input{accent-color:#3ddbff;cursor:pointer;width:1.15rem;height:1.15rem}.consent-declarations li{margin-bottom:.85rem}.consent-field{flex-direction:column;gap:.4rem;margin:1.4rem 0;display:flex}.consent-field label{color:#8fa3c4;font-size:.95rem}.consent-field input{color:#f4f7ff;background:#0b1020;border:1px solid #263653;border-radius:.35rem;padding:.6rem .75rem;font-size:1rem}.consent-field input:focus{outline-offset:1px;border-color:#3ddbff;outline:2px solid #3ddbff59}.consent-error{color:#ff8f8f;min-height:1.4rem;margin:.5rem 0 0;font-size:.95rem}.consent-actions{flex-wrap:wrap;gap:.85rem;margin-top:2rem;display:flex}.consent-button,.consent-button-secondary{color:#0b1020;cursor:pointer;background:#3ddbff;border:1px solid #3ddbff;border-radius:.4rem;padding:.75rem 1.4rem;font-size:1rem;font-weight:600}.consent-button:hover{background:#67e5ff}.consent-button-secondary{color:#8fa3c4;background:0 0;border-color:#263653;font-weight:400}.consent-button-secondary:hover{color:#dbe4f5;border-color:#3a4d70}.consent-button:focus-visible,.consent-button-secondary:focus-visible{outline-offset:2px;outline:2px solid #3ddbff}@media (width<=40rem){.consent-question{flex-direction:column;gap:.5rem}}#survey-root{width:100%;min-height:100vh;padding:3rem 1.5rem 5rem;display:block;overflow-y:auto}#survey-root[hidden]{display:none}.survey-page{color:#dbe4f5;max-width:52rem;margin:0 auto;font-size:1rem;line-height:1.6}.survey-page h1{color:#f4f7ff;margin:0 0 .75rem;font-size:1.8rem}.survey-page h2{color:#3ddbff;border-top:1px solid #1b2740;margin:2.5rem 0 1rem;padding-top:1.25rem;font-size:1.1rem}.survey-intro{color:#8fa3c4;margin:0 0 1.5rem}.survey-legend{color:#8fa3c4;background:#0e1526;border-left:3px solid #263653;flex-wrap:wrap;gap:.4rem 1.2rem;margin-bottom:2rem;padding:.85rem 1rem;font-size:.88rem;display:flex}.survey-item{border-bottom:1px solid #141d31;padding:1rem 0}.survey-item-text{margin:0 0 .7rem}.survey-scale{align-items:center;gap:.5rem;display:flex}.survey-anchor{color:#8fa3c4;flex:0 0 8.5rem;font-size:.82rem;line-height:1.3}.survey-anchor:last-child{text-align:right}.survey-point{cursor:pointer;border-radius:.3rem;flex-direction:column;flex:1;align-items:center;gap:.25rem;padding:.35rem 0;display:flex}.survey-point:hover{background:#101a2e}.survey-point input{accent-color:#3ddbff;cursor:pointer;width:1.2rem;height:1.2rem}.survey-point span{color:#8fa3c4;font-size:.82rem}.survey-choices{flex-direction:column;gap:.3rem;display:flex}.survey-choice{cursor:pointer;border-radius:.3rem;align-items:center;gap:.55rem;padding:.35rem .5rem;display:flex}.survey-choice:hover{background:#101a2e}.survey-choice input{accent-color:#3ddbff;cursor:pointer;width:1.1rem;height:1.1rem}.survey-notice{color:#ffd479;min-height:1.5rem;margin:1.5rem 0 0;font-size:.95rem}.survey-actions{gap:.85rem;margin-top:1rem;display:flex}@media (width<=48rem){.survey-scale{flex-wrap:wrap}.survey-anchor{flex:1 0 100%}.survey-anchor:last-child{text-align:left}}#gate-root{place-items:center;width:100%;min-height:100vh;padding:2rem;display:grid}#gate-root[hidden]{display:none}.gate-page{color:#dbe4f5;text-align:center;max-width:30rem}.gate-page h1{color:#f4f7ff;margin:0 0 .75rem;font-size:1.6rem}.gate-page p{color:#8fa3c4;margin:0 0 1.5rem;line-height:1.6}.completion-contact{font-size:.92rem}