.menu{background:linear-gradient(180deg, color-mix(in srgb, var(--op-petroleum) 14%, white 86%) 0%, white 42%, color-mix(in srgb, var(--op-warm-gray) 18%, white 82%) 100%);color:var(--op-mine-shaft);box-sizing:border-box;border:1px solid #00334914;border-radius:24px;flex-direction:column;gap:.5rem;height:100%;padding:2rem;display:flex;overflow-y:auto;box-shadow:0 8px 24px #00334917}.menu__title{word-wrap:normal;text-align:left;color:var(--op-marine);cursor:pointer;background-color:#0000;border:none;margin:0 0 .5rem;padding:0;font-size:clamp(1.3rem,1.6vw,1.75rem);line-height:1.2;transition:color .2s}.menu__title:hover{color:var(--op-petroleum)}.menu__team-section{flex-direction:column;gap:.5rem;display:flex}.menu__team-label-row{align-items:center;gap:.5rem;display:flex}.menu__team-name{color:var(--op-marine);margin:0 0 .5rem;font-size:1rem}.menu__victory-button{background-color:var(--op-sun);cursor:pointer;aspect-ratio:1;border:none;border-radius:50%;justify-content:center;align-items:center;width:2rem;margin:0;padding:0;transition:background-color .2s;animation:3s linear infinite spin,5s linear infinite pulse;display:flex;position:absolute;top:1rem;right:1rem}.menu__victory-button:hover{background-color:var(--op-tango);animation:1s linear infinite spin}.menu__victory-button--disabled{background-color:var(--op-warm-gray);color:var(--op-mine-shaft);cursor:not-allowed;animation:none}.menu__victory-button--disabled:hover{background-color:var(--op-warm-gray);animation:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{box-shadow:0 0 0 3px color-mix(in srgb, var(--op-sun) 20%, transparent)}50%{box-shadow:0 0 0 5px color-mix(in srgb, var(--op-sun) 28%, transparent)}}
.quest{aspect-ratio:1;border:1.5px solid color-mix(in srgb, var(--op-warm-gray) 75%, white 25%);cursor:pointer;color:#fff;background-color:#fff;border-radius:50%;place-items:center;height:16px;font-size:10px;line-height:1;transition:border-color .2s,box-shadow .2s,transform .2s;display:grid}.quest:hover{transform:scale(1.08)}.quest--disabled{background-color:color-mix(in srgb, var(--op-warm-gray) 80%, white 20%);cursor:default;pointer-events:none;border-color:color-mix(in srgb, var(--op-warm-gray) 80%, white 20%)}.quest--complete{background-color:var(--op-petroleum);border-color:var(--op-petroleum)}.quest--active{background:linear-gradient(145deg, color-mix(in srgb, var(--op-tango) 78%, white 22%), color-mix(in srgb, var(--op-tango) 58%, var(--op-sun) 42%));border-color:var(--op-tango);color:#fff;box-shadow:0 0 0 2px color-mix(in srgb, var(--op-sun) 40%, transparent), 0 4px 10px #28616633}