*{
  box-sizing:border-box}
  body{
    margin:0;
    background:#080d18;
    color:#f0f5ff;
    font-family:Arial,sans-serif;
    overflow:hidden}
    canvas{
      display:block;
      width:100vw;
      height:100vh;
      touch-action:none}
      #overlay{
        position:absolute;
        inset:0;
        display:flex;
        align-items:center;
        justify-content:center;
        background:linear-gradient(90deg,#080d18ed,#080d1866);
        padding:24px}
        .panel{
          width:660px;
          max-width:100%;
          padding:40px;
          border:1px solid #344358;
          background:#101929ed;
          box-shadow:12px 12px 0 #f85ba522;
          border-radius:18px}
          .eyebrow{
            color:#5ff1d1;
            font-size:12px;
            letter-spacing:4px;
            font-weight:bold}
            h1{
              font-size:clamp(38px,7vw,76px);
              line-height:.92;
              letter-spacing:-4px;
              margin:24px 0}
              h1 span{
                color:#ff64ab}
                p{
                  line-height:1.7;
                  color:#acbcd1;
                  font-size:16px}
                  .controls{
                    display:flex;
                    gap:12px;
                    flex-wrap:wrap;
                    margin:24px 0}
                    .controls span{
                      background:#1d2a3e;
                      border:1px solid #344358;
                      padding:10px;
                      border-radius:8px;
                      font-size:12px}
                      button{
                        background:#ff64ab;
                        border:0;
                        color:#181023;
                        border-radius:8px;
                        padding:16px 22px;
                        font-weight:900;
                        font-size:15px;
                        cursor:pointer}
                        button:hover{
                          background:#5ff1d1}
                          #choices{
                            display:flex;
                            gap:12px;
                            margin-top:24px}
                            #choices button{
                              flex:1;
                              font-size:13px;
                              line-height:1.6}
                              #pause{
                                position:absolute;
                                top:26px;
                                right:24px;
                                background:#182338;
                                color:white;
                                padding:10px;
                                display:none}
                                #mobile{
                                  position:absolute;
                                  bottom:25px;
                                  right:25px;
                                  display:none;
                                  gap:12px}
                                  #mobile button{
                                    opacity:.85}
                                    @media(pointer:coarse){
                                      #mobile{
                                        display:flex}
                                        .panel{
                                          padding:24px}
                                          #choices{
                                            flex-direction:column}
                                          }

.title-note {
  font-size: 12px;
  margin-bottom: 0;
}