body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#2a0845;background:-webkit-linear-gradient(to top,#6441a5,#2a0845);background:linear-gradient(to top,#6441a5,#2a0845);color:#fff;width:100vw;height:100vh;overflow:hidden}.player-container{width:100%;height:100vh;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}.code-box{background:#000;border-radius:12px;padding:20px 40px;min-width:300px;text-align:center;border:1px solid rgba(255,255,255,.1)}.code-title{display:block;font-size:14px;color:rgba(255,255,255,.7);margin-bottom:10px}.code-text{font-size:48px;font-weight:600;letter-spacing:4px}.timer-box{background:rgba(255,255,255,.1);border-radius:20px;padding:8px 16px;margin-top:24px;font-size:16px}.check-button{background:#5a3e9a;color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:600;margin-top:24px;cursor:pointer;transition:background-color .2s}.check-button:hover{background:#6b4ac0}.check-button:disabled{background:#333;color:#888;cursor:not-allowed}.hidden{display:none}.instructions{position:absolute;bottom:100px;left:20px;color:rgba(255,255,255,.6);font-size:14px;text-align:left}.instructions ol{margin:0;padding-left:20px}.center-content{display:flex;flex-direction:column;align-items:center}html.hide-cursor{cursor:none}